|
 |
|
|---|---|
 |
|
|
|
Tutorial #21 Screen Design Essentials: Effective Layout and Design for Windows and WebpagesTuesday, July 9th, 8:30 AM - 5:00 PMKeywords:Heuristics and guidelines, Interaction design, User interface designAudience:Beginner, IntermediateAbstract:This tutorial explores how to create the user experience. We will provide information, discussion, and hands on experience related to selecting appropriate controls, structuring the navigation and effectively presenting information within the context of use, as well as examining how layout can affect issues such as productivity, learnability, and trust.Length of tutorial:Full DaySystem, product, or project focus:No specific system, product, or project orientationLearning objectives:Our goal is for participants to develop an understanding of how to create screens and web pages that are easy to read and navigate, and provide them with insights into how to achieve their design goals and create the right user experience. Basic graphic design techniques such as using color, typography, alignment and grids will be presented, along with information about selecting appropriate controls, structuring the navigation and visually presenting information effectively.How tutorial will be conducted:The majority of this tutorial will be in the form of a formal presentation (~50%) with illustrated examples of the issues. Audience involvement at this level will include examining and critiquing example designs (~15%) with additional open group discussion (~10%). There will also be a number of practical exercises (~25%) for applying the techniques discussed.Detailed description of material covered by tutorial and schedule of events with time allocation:All interactive systems are dependent on good on-screen visual design. However, visual design for user interfaces is far more than creating appealing graphics. In fact it is most successful when driven by goals and informed by information design and interaction design. The fundamentals of screen design for graphical user interfaces or web page layout vary only in terms of the visual design opportunities. For GUIs, the visual components are largely dictated, whereas on the web the components can be unique to the site. Yet layout issues remain largely the same. In addition, web designers need to be aware the implications of adapting GUI controls to the web environment. This course explores how to create the user experience. We will explore how to select appropriate controls, how to structure the navigation and how to effectively present information within the context of use, as well as examine how layout can affect issues such as productivity, learnability and trust.Examples from actual projects-commercial GUI applications, web applications and websites-will be used to illustrate the points. Also through practical hands-on exercises, the group will have the opportunity to apply a set of rules of thumb for achieving effective design solutions. This tutorial is based on our commercial two-day course. In addition to presentation in other forums, this tutorial has been successfully presented at UPA for the past two years. We continually revise it with new examples and issues, and plan to do so for the UPA 2002 conference, as well. Tutorial outlineIntroduction
Getting around
Exercise 1: Transforming a GUI into a browser-based applicationDesigning the interaction
Leading users through each window or page
Exercise 2: Applying visual weight to page layoutGrabbing attention when required
Enhancing learnability
Exercise 3: Layout and learnabilityProviding clear communication
Creating a balanced visual appearance
Wrap UpTiming
Description of materials (handouts):A student book (approximately 150 pages) will be provided, including slides, additional notes, exercise materials, and bibliography (unable to be provided with submission as not in proper file format for electronic submission).Maximum number of participants:60 participants.BACKGROUND OF PRESENTERSStephen CoxSenior Consultant, Sydney The Hiser Group Voice: +61 2 9212-7700 Fax: +61 2 9212-7788 Email: stephenc@syd.hiser.com.au Since joining The Hiser Group in May 2000, Stephen has utilized his analytical, design and evaluation skills on a wide range of projects including browser-based websites and applications, GUI applications, and IVR systems. He is also one of The Hiser Group's key workshop presenters in Sydney, delivering both public and in-house training on various aspects of user-centered user interface and design. Stephen's eclectic background ranges from anthropological fieldwork to computer programming. Stephen has worked as a web designer, web content writer and technical writer for the last six years. He has brought several small companies online, envisioning and implementing successful web-based business solutions. Prior to his immersion in the online realm, Stephen worked as an academic archaeologist teaching and studying the application of expert computer systems to archaeological analysis. He has a strong programming, HTML coding and practical computing background. Suzanne Currie Senior Consultant, Melbourne The Hiser Group Voice: +61 3 9668-8888 Fax: +61 3 9668-8899 Email: suzannec@mel.hiser.com.au Suzanne joined The Hiser Group in May 2000 when she moved from Boulder, Colorado to Melbourne, Australia, and has worked on a range of projects while at The Hiser Group. She has over eight years experience in product design including software application products with special emphasis on formal and informal usability testing of human-machine interfaces, requirements investigation, design of user experience, customer interfaces, needs and requirements analysis, task analysis, interaction design, information architecture, and business process analysis. Suzanne is also one of our key workshop presenters in Melbourne. With a background in educational and industrial technology and cultural anthropology, Suzanne's experience began with computer-based training, multimedia production and instructional systems design. More recently, she has focussed on Internet application design, formal and informal usability investigation and problem analysis as it relates to technology-assisted interfaces. In addition to more traditional user-centered design techniques, Suzanne uses likes to use creative techniques such as interactive vignettes, day-in-the-life scenarios, and graphical collages to elicit user behaviors and preferences. |
|
|
|---|---|
|
|
|
|
|
