Briefer: UX design process
- 1. Briefer 17/04/2014, by Andriy Vaskiv
- 2. Agenda • Task • Research • Requiremens • IA • Wireframes • UI • Demo
- 3. Task Due to the discontinuation of the Google Reader design alternative RSS reader for iOS.
- 4. Research • Survey • “Competitors” analysis
- 5. Research: Survey 25 6 4 0 Used RSS reader, IT – 80% Used Google Reader Use RSS-reader now, IT – 50% Women
- 6. Research: Target user 20-40 y.o. average computer skills man (most likely)
- 7. Research: “Competitors” analysis Google reader Pros • Rich functionality with Categories and feeds • ability to star item w/o opening it Cons • messy UI with duplication of controls • starring and keep unread?
- 8. Research: “Competitors” analysis Feedly Pros • Almost perfect • Various views • Context hints Cons • no categories editing functionality • can’t star item w/o opening it • UI for iPad and iPhone versions is not consistent • iPhone - menu icons are rather confusing
- 9. Research: “Competitors” analysis FeedDemon Pros • ??? (Rich functionality?) Cons • Visually extraoverloaded
- 10. Requirements • Content rules – Typography – Different views – Grid • Navigation – Categories – Feeds • Search for feeds • Sharing
- 11. IA Entities: Category Feed Article Relationship: hierarchical View modes Article Category -> Feed -> Articles -> Article Feed Category -> Feed -> Articles Category Category -> Articles for all feeds within Category All updates All new unread articles regardless the Category and Feed Starred All articles marked as starred regardless the Category and Feed Recently viewed All articles viewed recently regardless the Category and Feed
- 12. Typography Sans serif Lato Serif Georgia
- 13. Typography: The 3 Fundamental Dimensions Font size: 16px -> line height: 26px, line width: 685px
- 14. Typography Lato Times New Roman Georgia 685px
- 16. Views •Tiles •Details •Headers only
- 17. Wireframes
- 18. UI
- 19. Demo iPad landscape http://a0441w.axshare.com
- 20. Thank you ?