User%20Interface%20design - PowerPoint PPT Presentation

View by Category
About This Presentation
Title:

User%20Interface%20design

Description:

User Interface design ... either in the form of paper prototypes or simple interactive screens User Interface Design Usability testing Testing of the prototype on an ... – PowerPoint PPT presentation

Number of Views:68
Avg rating:3.0/5.0
Slides: 14
Provided by: Tepp5
Learn more at: http://www.oamk.fi
Category:

less

Write a Comment
User Comments (0)
Transcript and Presenter's Notes

Title: User%20Interface%20design


1
User Interface design
  • Teppo Räisänen
  • http//www.oamk.fi/teraisan/
  • Teppo.raisanen_at_oamk.fi

2
User Interface Design
  • The design of computers, appliances, machines,
    mobile communication devices, software
    applications and websites with the focus on
  • Users experience
  • Interaction

3
User Interface Design
  • The goal is to make users interaction as simple
    and efficient as possible
  • In terms of accomplishing user goals
  • Also called user-centered design

4
User Interface Design
  • Good user interface design
  • Facilitates finishing the task at hand without
    drawing unnecessary attention to itself
  • Graphic/visual design is often utilized to
    support usability

5
User Interface Design
  • The design process must balance technical
    functionality and visual elements
  • In order to create system that is not only
    operational but also usable and adabtable to
    changing user needs

6
User Interface Design
  • Interface design is involved in a wide range of
    projects
  • Computer systems
  • Cars
  • Commercial planes etc
  • We will focus on software systems
  • Special emphasis on Websites

7
User Interface Design
  • There are several phases and processes in the use
    interface design
  • Functionality requirements gathering
  • User analysis
  • Information architecture
  • Prototyping
  • Usability testing
  • Graphic interface design

8
User Interface Design
  • Functionality requirements gathering
  • Assembling a list of the functionality required
    by the system
  • Requirerments are needed to accomplish the goals
    of the project
  • Understand the needs of the users

9
User Interface Design
  • User analysis
  • Analysis of the potential users of the system
  • Discussions with people who work with the users
    and/or users themselves
  • What would the user want the system to do?
  • How would system fit in with the normal work?
  • How tecnically savvy is the user?
  • What interface look feel is best for user?

10
User Interface Design
  • Information architecture
  • Development of the process and/or information
    flow of the system, e.g.
  • Hiearchy of web pages in a site
  • Possible screens/options

11
User Interface Design
  • Prototyping
  • Development of wireframes, either in the form of
    paper prototypes or simple interactive screens

12
User Interface Design
  • Usability testing
  • Testing of the prototype on an actual user using
    e.g. think aloud protocol

13
User Interface Design
  • Graphic interface design
  • Actual look feel design of the final graphical
    user interface (GUI)
  • Based on prototyping, usability testing,
    communication with users
  • Style guides, heuristics
About PowerShow.com