SparxUp-UI by Andreas Fendri
- 2. Andreas FendriUser Interface Designer for Yahoo! Koprolk - @wandret - @andreasfendriw – andreasfendri.com
- 3. lets talk aboutUser Interface Design
- 4. So, What is User Interface Design?the design of apps, websites, etc, with the focus on the user's experience and interaction. What’s the primary goal?to make the user's interaction as simple and efficient as possible, in terms of accomplishing user goals—what is often calledUSER-CENTERED DESIGN.
- 6. Five Attributes Usability AspectsEasy to learnEfficient to useEasy to rememberFew errorsPleasant to useJacob Nielsen, Useit.com
- 7. The Spectrum of UX Design
- 9. Information Architecture in Functional WireframesFunctional wireframes simply assert the information that will be displayed on any given page and nothing more.- NishantKothary (MIX Online)
- 10. Wireframing1. Sketching / Paper Prototypingsketch paper, post-it, mechanic pen, color fine liner, etc2. Diagramming Softwaree.gOmniGraffle (Mac), Balsamiq, Axure3. HTML WireframesKnowledge in HTML & CSS, takes longer, high details
- 11. Designer as IA?DESIGNIAIA + Design
- 12. Iterative in UI Design
- 13. SuggestionsClear & Appealing Call to ActionProgressive DisclosureOptimize active whitespaceTechnical case: Mega Drop Down Menu
- 14. Good in UI, Good in IA
- 15. Reuters Mega Drop Down
- 16. Referencesuxmag.com , uxmyths.comuxbooth,Inspirations: house of buttons, wireframes gallery (both on tumblr)Wikipedia keywords/topics: UI, UX, UxD (User Interaction Design), Iterative Design
- 17. Mobile Interface
- 18. Thanks :)