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

SparxUp-UI by Andreas Fendri

on

  • 862 views

 

Statistics

Views

Total Views
862
Views on SlideShare
822
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 :)