DesignExamplesGordonCohen-lowres
- 1. design examples Gordon Cohen digital tools used: omnigraffle keynote axure
- 2. 1. Research 2. Current Information Architecture & Navigation 3. Design and Iteration 4. Conclusions
- 3. Goals and Objectives We’re looking to redesign the information architecture and optimize our web site for both the desktop, tablet and mobile environments. PROJECT OBJECTIVES • Re-conceptualize the navigation and information architecture of our web site (sorting methods for products, homepage layout, separation of different elements). • Optimize the homepage and menu to display properly on desktop, tablet and mobile phones. • Create prototypes of the desktop and mobile versions of lowepro.com from the client:
- 4. • competitive analysis • task analysis with users • card sorting We identified user needs, prioritized features, developed information architecture, navigation schema and user flows, made and tested responsive prototypes. This was created as a 2 week project with one partner. Research
- 5. User Profiles We did some card sorting to understand how people would expect to find information and if they understood the terminology. Came up with 2 user profiles that had the mindset of: • I know what I want and quickly navigate to the product • i’m unsure and I want to explore Design scenarios for these 2 use-cases
- 6. In our review and user testing we found that it was confusing that menus would take people to different types of pages. Users felt like they weren't getting all the information and were confused when taken to a page they didn't expect. Some links would take people to e-commerce store pages and some to marketing material. Current Information Architecture & Navigation
- 7. This existing sitemap is too complex, especially for mobile Proposed Sitemap
- 8. Proposed Information Architecture & Navigation • Make an obvious distinction between e-commerce and marketing pages • Follows updated sitemap
- 9. Cross Platform Design • Carrying over the same principles to the mobile platform • Consistent design and brand across platforms
- 10. Design Process A challenge on mobile was smaller real estate and we decided to prioritize the first use case of going directly to the product
- 11. Navigation Prototypes built in keynote http://marvl.in/jf7eehttp://marvl.in/262e40