Корисник:CodeGirl8086/песак1

Навигациони обрасци спадају у групу интерфејсних образаца који предсатвљају структурне карактеристике и карактеристике понашања који се користе приликом пројектовања корисничких интерфејса како би унапредили њихову прихватљивост, разумљивост и употребљивост од стране корисника. Навигациони обрасци кориснику омогућавају да зна где се тренутно налази на старници, где да крене даље и како да стигне тамо где жели. У тренутку појаве првих рачунара, интерфјеси су били изузетно једноставни и њихов развој је био прилично усмерен. Временом се број идеја за реализацију повећавао, те су данас корисници навикнути на интерфејсе пројектоване од стране тимова професионалних дизајнера. Навигациони обрасци су подељени у неколико група. Једна од група се односи на навигационе структуре.

Навигационе структуре

Поље за претрагу на гуглу

1. Јасне улазне тачке (енг. Clear Entry Points)

• Овај образац погодан је за повремене кориснике, и за већину веб сајтова, али није за напредне кориснике јер уводи додатне навигационе кораке. Подразумева постављање само неколико улазних тачака на интерфејсу који су описни и оријентисани према задацима.

• Најпознатији пример интерфејса где је примењен овај образац је поље за претрагу на гуглу (енг. Google), где је поље за претрагу у првом плану док се све остало налази у позадини (у другом нивоу је тип претраге (веб, слике, ...), у трећем нивоу је све остало (напредна претрага (енг. Advanced Search), ...))

Четири хардверска дугмета на овом „PDA” уређају директно покрећу најчешће коришћене апликације

2. Глобална навигација

• Овај образац треба да користити мали део сваке странице, да уз помоћ конзистентног скупа линкова или дугмића одведе корисника до кључних делова веб сајта или апликације
• Користи се када се прави велики сајт или апликација са више одвојених секција или алата. Навигација треба да омогући дирекни прелазак из једне секције у другу. Погодно је када има довољно простора за интерфејс (у противном се користи следећи образац)
• Добар пример сајта који користи овај образац је Нејтив камп(енг. Native Camp) где се виде делови за почетну страницу (енг. Home), процес апликације (енг. Application Process), итд. Такође и „PDA” уређаји код којих су поједине функционалности одређене хардверски.

Мобилне апликације на паметном телефону

3. Средиште и пречаге (енг. Hub and Spokes)

• Овај образац изолује секције апликације у мини-апликације, од којих је свака на један „скок” од средишта (главна страна), и из сваке се увек враћа у средиште (повратак на главну страну)
• Користи се када постоје изоловани задаци које не комуницирају међусобно, међутим ако је потребан директни прелазак са једног задатка на други, онда се користи глобална навигација (претходни образац)
• Добар пример су мобилни телефони код којих је потребно да корисник буде усредсређен на само једну апликацију у једном тренутку и тек када заврши са једним задатком тада се враћа на поћетну тачку и почиње други

4. Пирамида (енг. Pyramid)

• Овај образац повезује низ страница назад/напред (енг. Back/Next) линковима, комбинујући са линковима на основну страницу одакле може да се приступи свим страницама у секвенци

• Користи се када апликација или сајт има секвенцу страница коју треба “одгледати” по реду, али треба омогућити кориснику да има преглед свих и прескочи нешто по жељи или када основна страница садржи линкове на сличне, али семантички неповезане странице. Често се користи код апликација са само једним прозором
• Добар пример сајт са туторијалом за фотошоп.

Падајући мени

5. Модални панели

• Код овог обрасца је потребно приказати само једну страницу, без других навигационих опција, док корисник не реши непосредни проблем. Користи се када се апликација не може сама наставити процес без интервенције корисника
• Нпр. код снимања документа, корисник мора унети име под којим се снима (уколико до тада то није специфицирано) Битно је напоменути да постоји проблем код веб апликација, јер се не може укинути навигација, тј. назад/напред (енг. Back/Forward) тастери увек раде.