Understanding information architecture and organizing content for intuitive navigation

Information architecture એ invisible skeleton છે: content ને કેવી રીતે organise, structure અને label કરવું જેથી users things ને શોધી શકે: એ right મેળવો તો navigation obvious લાગે છે, wrong મેળવો તો બીજું કંઈ product ને save નથી કરી શકતું.

11 min read · 8 cards · 2 checks

Read in: English · हिन्दी · ગુજરાતી


Theory

કોઈ sections નથી એવી library

Imagine library જ્યાં books ને simply arrival date મુજબ piled કરવામાં આવ્યા છે: કોઈ fiction section નહીં, કોઈ subject shelves નહીં, કોઈ labels નહીં. દરેક book ત્યાં છે, પણ એક શોધવી hopeless છે.

FestConnect exactly આ હોઈ શકે છે: events, schedule, rules, my-registrations, contact, બધું present છે પણ badly organised છે, એટલે Rahul ને ક્યાં register થવું એ શોધી શકાતું નથી. Beautiful buttons ની કોઈ amount એને fix નથી કરી શકતી, કારણ કે problem surface થી deeper છે: એ STRUCTURE છે.

એ structure નું નામ છે: information architecture: invisible skeleton જે decide કરે છે કે users કંઈ શોધી શકે છે કે નહીં.

Theory

Information architecture, ઔપચારિક રીતે

Information architecture (IA) એ content ને organise, structure અને label કરવાની practice છે જેથી users information ને શોધી શકે અને tasks complete કરી શકે.

એ product નું SKELETON છે: good હોય ત્યારે invisible, bad હોય ત્યારે crippling. એના main components:

  • organization: content ને કેવી રીતે grouped અને categorised કરવામાં આવ્યું છે (topic, task, અથવા audience દ્વારા)
  • labeling: things ને USER ની language માં name કરવા, internal jargon નહીં
  • navigation: users structure માં કેવી રીતે move કરે છે (next lesson)
  • search: content ને directly શોધવું

Good IA નો અર્થ છે કે Rahul think કરે છે 'registration Events ની નીચે હોવું જોઈએ' અને એ IS: structure એની expectation ને match કરે છે.

Theory

Card sorting: users ને organise કરવા દો

RIGHT structure ને શોધવા માટે કેવી રીતે discover કરવું? Guessing દ્વારા નહીં: card sorting દ્વારા. તમે દરેક content piece ને card પર લખો છો (Events, Schedule, My Registrations, Rules, Contact) અને REAL users ને એને GROUP અને LABEL કરવા કહો છો જેમ THEY expect કરે છે.

Result એ users નું mental model reveal કરે છે: કદાચ first-years 'Register' ને 'Events' ની નીચે buried નહીં પણ its own top item તરીકે expect કરે છે. તમે પછી IA ને તમે જે logical લાગ્યું એના આસપાસ નહીં, પણ તેમણે તમને show કર્યું એની આસપાસ build કરો છો.

Output ઘણીવાર sitemap હોય છે: content hierarchy નો map, broad categories specific pages તરફ branch થાય છે. Card sorting structure ને discover કરે છે; sitemap એને document કરે છે: બંને core IA tools છે.

Quiz

FestConnect ની screens beautifully designed છે, પણ users હજુ ક્યાં register થવું એ શોધી શકતા નથી. most likely real problem શું છે?

  1. Colours wrong છે
  2. Information architecture: content એવી રીતે organised અથવા labelled છે કે users ને શું જોઈએ છે એ શોધી શકાતું નથી
  3. App ને more animations જોઈએ છે
  4. Font size too large છે
  5. Nothing: જો એ good લાગતું હોય, તો work કરે છે
Show the answer

Information architecture: content એવી રીતે organised અથવા labelled છે કે users ને શું જોઈએ છે એ શોધી શકાતું નથી

જ્યારે users attractive screens હોવા છતાં things ને શોધી શકતા નથી, તો failure structural છે, visual નહીં: information architecture (content કેવી રીતે organised અને labelled છે) એ users કેવી રીતે શોધે છે તેને match નથી કરતું. આ IA ની defining lesson છે: કોઈ amount ની visual polish broken structure ને rescue નથી કરી શકતી, કારણ કે findability surface ની નીચે lives કરે છે. Options A, C અને D બધા VISUAL tweaks છે જે findability problem ને fix નથી કરી શકતા. Option E એ pretty-equals-usable myth છે જેને આખો subject refute કરે છે. IA જ્યારે work કરે ત્યારે invisible હોય છે અને જ્યારે fail થાય ત્યારે fatal હોય છે: register-not-findable એ IA problem છે.

Think first

Users ને cards sort કરવા દેવા શા માટે?

તમે FestConnect ના content ને perfectly already જાણો છો. Students ને card-sort કરવા કહેવાને બદલે એને તમે જાતે organise કરવામાં શા માટે bother ન કરવું? પછી tap કરો.

Show the answer

કારણ કે તમે એને SYSTEM (અથવા તમારા own expert knowledge) કેવી રીતે think કરે છે એના દ્વારા organise કરો છો: તમે જાણો છો કે 'registration' technically 'event management' નો part છે, એટલે તમે એને ત્યાં nest કરો છો. પણ Rahul system ની જેમ think નથી કરતો: એના માટે, REGISTER એ main thing છે જે કરવા એ આવ્યો છે, અને એને front and centre expect થાય છે, buried નહીં. Card sorting users ના mental model ને surface કરે છે, જે usually expert થી DIFFERENT હોય છે: you-are-not-your-user principle structure પર applied. તમે IA ને તમે internally કેવી રીતે logic કરો છો એની આસપાસ નહીં, પણ users કેવી રીતે EXPECT કરે છે કે things શોધવા, card sorting દ્વારા discovered, એની આસપાસ design કરો છો.

Watch out

IA slips

Internal-jargon labels: section ને તમારા database table અથવા org chart દ્વારા name કરવું ('User Records') user ના word ('My Registrations') ને બદલે content ને plain sight માં bury કરે છે.

YOUR logic દ્વારા organising: structure ને USER ના mental model દ્વારા (card sorting), system ના દ્વારા નહીં.

Too deep: key content ને 5 taps ની નીચે bury કરવું; hierarchies ને quickly reach થવા enough shallow રાખો.

IA ને visual design સાથે confuse કરવું: IA એ STRUCTURE છે (findability); prettiness bad structure ને fix નથી કરી શકતી.

Theory

Structure થી visible path સુધી

Information architecture એ invisible skeleton છે; users એને top પર build થયેલી VISIBLE thing દ્વારા experience કરે છે: navigation: menus, tabs, links, breadcrumbs. Navigation અને screens ને design કરતા પહેલા, though, designers structure ને cheaply WIREFRAMES તરીકે sketch કરે છે: blueprint. Next lesson low-fidelity wireframes અને prototypes cover કરે છે (commit કરતા પહેલા cheaply design), અને પછી navigation systems (આ IA ની visible expression).

Summary

Key takeaways

  • Information architecture (IA) content ને organise, structure અને label કરે છે જેથી users things ને શોધી શકે અને tasks complete કરી શકે.
  • એ invisible skeleton છે: good હોય ત્યારે unnoticed, bad હોય ત્યારે crippling; visual polish bad IA ને fix નથી કરી શકતું.
  • Components: organization (grouping), labeling (user ની language), navigation, search.
  • Card sorting real users ને content ને group અને label કરવા દે છે જેથી તેમનું mental model reveal થાય.
  • Sitemap content hierarchy ને document કરે છે (broad categories થી specific pages).
  • System ની અથવા તમારા internal logic ને બદલે USER ની expectations ની આસપાસ organise કરો.
  • Memory hook: IA એ library ની sections અને labels છે; એ વગર, બધું pile છે.

Study this properly

This page is the lesson to read. In Gri-Learn the same topic is a graded deck: the self-checks are scored and your weak topics are tracked. Free to start.

Start this topic

Already have an account? Sign in

More from Interaction Design and Information Architecture

Gri-Learn · syllabus-mapped B.C.A. lessons in English, Hindi and Gujarati

Understanding information architecture and organizing content for intuitive navigation · User Interface and User Experience Design (UI/UX Design) (Minor option B) · Gri-Learn