UI 设计教学课件.ppt

Introduction and Background Content Author: Rich Cordes Welcome Audience Scope Mechanics Course focus Course overview Click the link above to open “Before You Design Your UI: Part 1” * ? 2009 IBM Corporation ? 2009 IBM Corporation Click on the speaker “||” button to adjust sound volume Click the forward “” button to start the course and advance slides Welcome Audience Scope Mechanics User interface models Course overview What is it … Self study course Covers basics of UI design For developer community Who is it for … User interface developers Testers Information developers and editors and, of course, User Experience (UX) practitioners and visual designers What it is … Practical focus on design tasks First in the series Modular course What it is not … Overview of design theory Targeted for “selling” usability A replacement for skilled designers A replacement for design assets How to take it … Start at beginning and go to end or select a topic Course automatically starts when it comes up Restart at anytime (it will remember where you left off) Outline topics are “clickable” Search Commentary Outline (Table of Contents) Volume Play / Pause / Next / Back controls Four types of user interface models The focus of this course is on web applications and desktop applications Command line interface Web application Websites Desktop application Before You Design Your UI Reusing previous work Design principles, and Understanding your users Documentation and help And more! Design Your UI Inputs, outputs, tasks Laying out windows Navigation Wizards Selecting text, items, dates Scrolling and paging Error messages and validation Visual UI style Graphical elements Fonts And more! Before You Code Your UI Getting help Prototyping Iterating After You Code Your UI Getting help Evaluating performance Getting feedback Go to the next module Welcome to the “User Interface Design Fundamentals Course”. “User Interface Design Fundamentals” is intended to be a self-study course to prov