1. Hi! Startups :)

2. Andreas Fendri User Interface Designer for Yahoo! Koprol k - @wandre t - @andreasfendri w – andreasfendri.com

3. lets talk about User 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.

5. Visual Design functionality

6. Five Attributes Usability Aspects Easy to learn Efficient to use Easy to remember Few errors Pleasant to use Jacob Nielsen, Useit.com

7. The Spectrum of UX Design

9. Information Architecture in Functional Wireframes Functional wireframes simply assert the information that will be displayed on any given page and nothing more. - NishantKothary (MIX Online)

10. Wireframing 1. Sketching / Paper Prototyping sketch paper, post-it, mechanic pen, color fine liner, etc 2. Diagramming Software e.gOmniGraffle (Mac), Balsamiq, Axure 3. HTML Wireframes Knowledge in HTML & CSS, takes longer, high details

11. Designer as IA? DESIGN IA IA + Design

12. Iterative in UI Design

13. Suggestions Clear & Appealing Call to Action Progressive Disclosure Optimize active whitespace Technical case: Mega Drop Down Menu

14. Good in UI, Good in IA

15. Reuters Mega Drop Down

16. References uxmag.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 :)