• Save
SparxUp-UI by Andreas Fendri
Upcoming SlideShare
Loading in...5
×
 

SparxUp-UI by Andreas Fendri

on

  • 871 views

 

Statistics

Views

Total Views
871
Views on SlideShare
831
Embed Views
40

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 40

http://blog.bhazz.com 40

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

SparxUp-UI by Andreas Fendri SparxUp-UI by Andreas Fendri Presentation Transcript

  • Hi! Startups :)
  • Andreas Fendri
    User Interface Designer for Yahoo! Koprol
    k - @wandre
    t - @andreasfendri
    w – andreasfendri.com
  • lets talk about
    User Interface Design
  • 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.
  • Visual
    Design
    functionality
  • Five Attributes Usability Aspects
    Easy to learn
    Efficient to use
    Easy to remember
    Few errors
    Pleasant to use
    Jacob Nielsen, Useit.com
  • The Spectrum of UX Design
  • 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)
  • 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
  • Designer as IA?
    DESIGN
    IA
    IA + Design
  • Iterative in UI Design
  • Suggestions
    Clear & Appealing Call to Action
    Progressive Disclosure
    Optimize active whitespace
    Technical case: Mega Drop Down Menu
  • Good in UI, Good in IA
  • Reuters Mega Drop Down
  • 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
  • Mobile Interface
  • Thanks :)