Arhitectura Informațională, baza UX-ului - Curs de Front End Development în Română

A cincea lecție din cursul de #FrontEnd #Development în limba #Română - care e baza UX-ului și ce înseamnă (și de ce e important) să faci Arhitectură Informațională. Cum organizezi conținutul dintr-un site și ce înseamnă o taxonomie? ⬇️⬇️⬇️ Detalii și informații 🔥 mai jos!
TEMĂ PENTRU ACASĂ
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
1. Analizează din punct de vedere al arhitecturii informaționale site-ul tău preferat, și scrie-mi în comentarii: cum e categorisit conținutul pe taxonomii, ce soluții de navigare folosește site-ul și ce probleme potențiale găsești pe site.
2. Dă-mi exemplu de un site cu arhitectură informațională proastă din punctul tău de vedere, și explică de ce.
3. Dacă poți, citește toate resursele pe care le-am menționat mai devreme. Inclusiv cărțile.
Aștept răspunsurile în comentarii! Succes! :)
INIȚIATIVE CARE AJUTĂ UKRAINA 🇺🇦
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Listă cu resurse utile apropo de felul cum poți ajuta Ucraina acum: bit.ly/resurse-pt-ukraina
Loc unde poți oferi cazare, suport, mâncare și orice altceva mai consideri refugiaților: refugees.ro/
Unde poți dona pentru Ukraina? / 1497729497759576069
Site-ul început de mine săptămâna trecută cu resurse pentru ajutorul Ucrainienilor, www.infoukraine.ro e încă în lucru, dar poți urmări 🔴LIVE-ul în care ne-am apucat de treabă aici: • 🔴LIVE - Cum putem să a...
DETALII
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Am revenit cu încă un video din curs! E printre ultimele din Modulul 1, care e „introducerea” teoretică. Când ajungem în Modulul 2+, la cursurile practice de HTML, CSS și JS lucrurile vor merge mult mai bine și ritmul va fi mai constant.
Așadar, abia aștept să intrăm și mai mult în video-urile viitoare! :)
CUPRINS
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
00:00 Introducere
01:04 Detalii despre lecție: Arhitectură Informațională
02:20 Puțină istorie: originea Arhitecturii Informaționale
02:47 Ce înseamnă să faci Arhitectură Informațională pentru Web?
06:27 Ce NU este Arhitectură Informațională pentru Web?
08:21 Ce rezultă în urma eforturilor de Arhitectură Informațională?
11:36 Cine face Arhitectură Informațională?
13:20 De unde înveți Arhitectură Informațională?
14:13 Recapitulare și TEMĂ pentru acasă
15:12 Ajută Ucraina
15:27 Despre seria actuală de video-uri și rugămintea mea
RESURSE
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Resursele în engleză de care am zis în video:
✅ Bazele arhitecturii informaționale: bit.ly/digital-ia
✅ Ghid pentru începători în arhitectură informațională: bit.ly/uxbooth-ia
✅ Cele mai frecvente probleme de arhitectură informațională: bit.ly/nn-ia
✅ Prezentare despre arhitectură informațională: bit.ly/understanding-ia
✅ Cartea de referință „Information Architecture”: bit.ly/information-architectu...
✅ Cartea „Everyday Information Architecture”: bit.ly/aba-ia
✔️ Playlist-ul în care vei găsi toate cursurile de Front End Development în Română (inclusiv video-ul curent): bit.ly/vio-curs
💡 Explicații despre relația dintre HTML, CSS și JavaScript, în engleză: blog.codeanalogies.com/2018/0...
⭐ Alte video-uri de-ale mele despre Front End Development: bit.ly/vio-fed
🚨 Lista completă de resurse strânse de mine de-a lungul timpului care să te ajute să înveți Front End Development și nu numai: bit.ly/vio-digital
🎦 Înscrie-te la canalul meu » kzbin.info... « NU UITA să dai click și pe clopoțel: 🔔🔔🔔
💬 Aștept comentarii, întrebări și sugestii: www.viorelmocanu.ro/blog/
🗳️ VOTEAZĂ subiectele tale preferate pe care ai vrea să mai fac video-uri: fdm33xvhgdz.typeform.com/to/g...
LINK-URILE MELE
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
🤵 Profil LinkedIn: / viorelmocanu
👨‍🏫 Profil Twitter: / viorelmocanu
🆕 Grup Facebook: / carierait
🆕 Discord: / discord
📰 Blog: www.viorelmocanu.ro/blog/
📰 Newsletter: viorelmocanu.ck.page/newsletter
💸 Susține-mă: / viorelmocanu (🆕❤️)
💳 GitHub Sponsor: github.com/sponsors/ViorelMocanu
☕ Buy me a coffee: www.buymeacoffee.com/viorel
#CursFrontEnd #CursHTML #CursCSS #CursJS #Romania #România #ViorelMocanu #gratuit #Mentorat #FreeMentorship #programare #webdevelopment #web #development #incepatori #ia #arhitectura #informationala #InformationArchitecture

[@ViorelMocanu]

Aștept răspunsurile la temă în comentarii, laolaltă cu orice nelămuriri pe care le ai!

[@cristianmidvichi9316]

Ceea ce ai inceput tu sa faci pe canalul tau este de departe nr 1 in Ro. ca informatie, structura si calitate inalta. Iti doresc mult succes sa poti reusi sa duci la capat fiecare fir/proiect/playlist. Totodata iti multumesc mult ca existi aici si ca ne impartasesti experienta ta. Este extrem de util celor tineri pentru ca le poti da o directie mai clara din start. Bravo! Bravo! Bravo!

[@ViorelMocanu]

N-am cuvinte, Cristian! :) Mulțumesc mult, apreciez gândul bun și sper nu doar să duc acest curs la bun sfârșit, ci și să ajut cât mai mulți oameni cu ce fac aici pe KZbin. Merci, deci, și stai pe-aproape. Orice sfat și critică sunt totodată binevenite, dacă vezi lucruri care pot fi îmbunătățite!

[@alexandra1234]

Ador cursurile tale!

[@ViorelMocanu]

Merci mult, Alexandra! Mă bucur că te-ajută!

[@sarasimo3291]

Ești minunat!

[@ViorelMocanu]

Ei nici chiar așa. :) Mă bucur că te-ajută conținutul meu oricum!

[@danielraducu9073]

Multumesc !

[@ViorelMocanu]

Și eu mulțumesc, Daniel! :)

[@ionnutz028]

1. Site-ul Wikipedia este destul de bine făcut, găsești orice informație dorești despre un anumit subiect foarte ușor. Este un site simplist, dar destul de bun. Nu te chinui să găsești informații, iar aspectul este unul plăcut, cel puțin pentru mine. 2. Ca de obicei, site-ul ANAF, în opinia mea, este oribil. Este multă informație într-un loc aiurea, elementele importante sunt așezate într-un spațiu aglomerat ce te enervează atunci când vrei să cauți ceva pe acel site. Sistemul de navigare este foarte plictisitor, iar în ansamblu, tot site-ul ar trebui rescris în totalitate pentru a obține o experiență plăcută.

[@ViorelMocanu]

N-aș fi putut să sumarizez mai bine... :)

[@arthuralexandruadam1089]

Mulțumim frumos!

[@ViorelMocanu]

Cu multă plăcere, Arthur!

[@ioaniancu298]

Multumim, foarte interesant si placut ca de obicei.

[@ViorelMocanu]

Merci mult, Ioan! :)

[@blockchainx9804]

1. Aplicatia aboutyou e destul de bine facuta pentru mobile atat prin functia search cat si prin navigarea propriu zisa, iti arata mereu un termen estimativ de livrare care se respecta aproximativ. Ca stack probabil e cross platform cu una dintre urmatoarele: React Native/ Xamarin /Flutter, limbile folosite sunt romana germana si engleza avand un tip de continut axat pe poze si text. 2.Site ul Anaf (nu am stat sa fac multe research) e destul de inghesuit prea multe informatii multe asezare foarte proasta a elementelor si navigarea este overall destul de plictisitoare si trebuie sa aloci mai mult timp sa te prinzi cum functioneaza. As vrea sa fac o completare, exista o carte numita Hooked care explica care sunt produsele bune care formeaza un obieci si astfel le folosesti ca o rutina(principii psihologice) folosite de FAANG(Facebook Amazon,Apple, Netflix, Google) Trebuie sa fie totul cat mai simplu si sugestiv, un bun exemplu ar fi produsele apple, desii pretul nu este neaparat justificat ei castiga la ux design si ui design si prin modul foarte simplist de a face cutiile pastrand aceleasi standard foarte mult timp si schimband foarte putine lucruri de la an la an (baterie/camere/ procesor) Pe langa toate aceste detalii as vrea sa adaug ca orice site bun care vinde un produs sau serviciu trebuie sa aiba o strategie AIDA un CTA, A/B Testing Formulare pentru leads, Opt in page, Live Chat, CRM depinde de nivelul business ului, USP(Unique Selling Proposition)

[@ViorelMocanu]

Perfect de acord cu adăugirile, merci mult! :) Și da, bune observații!

[@featuringcode9192]

Blana! Acum hai sa-ti povestesc despre ux/designerul clientului nostru... Ms pentru site-urile alea de la 13:30. Ar merge sa le bagi in descriere, ca a trebuit sa le scriu de mana :)) Apropo, am vazut recent un anime despre arta(da, exista) si mi-a ramas de-acolo o idee: un artist bun iti directioneaza privirea prin tablou prin culorile pe care le foloseste, astfel spunand o poveste intr-un fir logic, atunci cand te uiti la tablou.

[@ViorelMocanu]

Am uitat complet să pun link-urile alea în descriere, merci de pont! :)

[@ViorelMocanu]

Gata, am pus link-urile în descriere. Apropo de clienți, nu poți controla treaba asta, dar te poți implica în proces sau îl poți începe efectiv când vezi că nu se apucă nimeni de asta. Altfel pierzi controlul și riști să muncești de mai multe ori. Good point cu atragerea atenției... asta ține mai degrabă de UX decât de IA, dar e o lecție valoroasă. :)

[@ciprianmoldoveanu1848]

V.L.C.!

[@ViorelMocanu]

Merci!

[@Cezar.Vrinceanu]

Buna Viorel, eu caut sa incep o scoala sau sa invat in domeniul IT, as vrea pe partea de web developer, ma poti indruma/ajuta te rog cu cateva sfaturi sau directii,sau putem discuta in privat mai bine? Mulțumesc mult

[@ViorelMocanu]

Mă găsești (și pe mine și pe alți vreo 700 oameni) pe discord.gg/UpnAutz unde îți pot da orice fel de sfaturi, te aștept acolo! Dar pe scurt, dacă îți place partea de web development, începe cu a parcurge link-urile din primele 5-6 pagini ale documentului ăstuia: bit.ly/vio-digital

[@Truth117]

te rog sa pui subtitrarile la video-urile 6,7 si 8 multumesc. Te urmaresc pana acum :)

[@ViorelMocanu]

Sigur, Cristi! Voi reveni cu subtitrări curând pentru toate video-urile mele din curs, și voi mai face și alte video-uri în viitorul apropiat. Merci de feedback!

[@janeblack1121]

Heioo , fac un curs și este teorie singură, dar la capitolul practica nu prea mă descurc aceste clipuri sunt super bune , întrebarea este cineva liber sau poate arunca o privire peste ceea ce am de favut sa îmi dea o idee .

[@ViorelMocanu]

Sigur, scrie pe canalul de Discord de aici: discord.com/invite/UpnAutz sau pune link-ul fără în față și cu spațiu înainte de .com sau .extensie (altfel nu te lasă KZbin-ul să pui link-ul).

[@janeblack1121]

@@ViorelMocanu Mulțumesc 🦋