User Interface design Teppo Räisänen

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

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

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

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

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

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

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

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?

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

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

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

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