dagens program * opsamling på ia-øvelse * persona og scenarier? * introduktion til navigation * trunktest * Øvelse 1: navigationstyper (diskussion) * Øvelse 2: navigation og wireframe Navigation er mere en bare at guide brugerne rundt på sitet user experience Design (ux) Lad brugerne søge efter det indhold de behøver Vis brugerne hvilken sammenhæng indholdet indgår i Vis relevant og relateret information Hjælp brugerne med at finde information, de ikke kendte til trunk test Hvilket website er vi på? Hvor er jeg? Hvordan kan jeg søge? Hvad er hovedsektionerne på sitet? (global navigation) Hvilken side er jeg på? Hvad er mine muligheder på dette niveau? (Lokal navigation) navigationstyper http://www.kulturarv.dk/1001fortaellinger/ http://stevenholl.com/ øvelse step 1: navigationstyper Find eksempel + diskuter fordele/ulemper Fordel navigationstyperne mellem jer i gruppen Research på navigationstyperne Fremlæg for de andre i gruppen * horisontal navigation * vertikal navitation * tabs * det omvendte L * drop down * helside-navigation * side-indholds-navigation (page body navigation) * kontekstuelle links (contextual links) * relaterede links * atypisk navigation (s. 194 i “The Web Designers Idea Book) Part 5 i grundbogen + http://sixrevisions.com/user-interface/navigation-design-patterns/ step 2: wireframe navigation og sidelayout * Diskuter hvilken navigationstyper, der vil passe til jeres sitemapstruktur fra sidst (der kan sagtens være flere i kombination) * Udvælg 3 sidetyper fra jeres sitemap (forside og 2 undersider - gerne fra hver sit niveau) * Diskuter hvilket indhold, der skal være på de tre sider * Skitser indhold og navigation i wireframes over de tre sidetyper (detaljengraden afhænger af indholdet) * Lav evt. en detaljeres skitse af navigationen, hvis nødvendigt Wireframes kap. 25 og test af navigation kap. 24 Find mere information om wireframes: http://www.boxesandarrows.com/search?q=wireframes opsamling http://arngren.net/
© Copyright 2024