130 likes | 142 Views
Learn about user interface design and how it focuses on creating a simple and efficient user experience. Discover the different phases and processes involved in designing interfaces for software systems and websites.
E N D
User Interface design Teppo Räisänen http://www.oamk.fi/~teraisan/ Teppo.raisanen@oamk.fi
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