Interface Design. An introduction to visual communication in UI design

✍ Scribed by Dave Wood

• Publisher: Bloomsbury
• Year: 2014
• Tongue: English
• Leaves: 192
• Series: Basics Interactive Design
• Edition: 1st
• Category: Library

✦ Synopsis

If you want to design successful user interfaces then you need clear and effective visual communication. Interface Design will help you achieve this using a range of incisive case studies, interviews with professional designers and clear hands-on advice to help you produce user-focused front-end designs for a range of digital media interfaces.

This book introduces the major elements of graphic design for digital media – layout, colour, iconography, imagery and typography, and shows how these visual communication basics can combine to produce positive interactive user experiences. With practical advice on improving communication between designers and developer, and a tantalizing look at designing interactivity for all five senses, this is a must-have introduction to developing interfaces that users will love.

✦ Table of Contents

Introduction
Chapter 1: Visual communication: a standard in designing interaction; Communication; Designing for interactive flow; Users are king (you are not); Interview: Steve Krug; Case study: We Print Paper website

Chapter 2: Finding the flow: designing interaction; Graphical user interfaces; Information architecture; Hierarchical structures; Testing, testing: early design iterations; Interview: Greg Gibson; Case study: Testing of VedderPrice.com's visual hierarchy; Exercise: Finding the flow

Chapter 3: Graphic design for digital media; Gridding interactivity; Type as interface; Colouring the screen; Imagery and the pixel; Iconography and metaphor; Going with the motion; Interview: Mike Kus; Case study: Designing a Blu-ray DVD UI; Exercise: Visually communicating interactivity

Chapter 4 Designing the aesthetic user experience; Design and the user; Content copy and the user; UI semiotics; Internationalization; Interview: Kristin Kramer; Case study: WorldSkills interactive kiosk; Exercise: Deconstructing UI semiotics

Chapter 5: Collaborating with the developer; The principles of designing modularity; Modularizing the aesthetic; Interview: Alan Bridge; Case study: Preparing a website design for a developer; Exercise: Outlining modularity

Chapter 6: Augmenting human capabilities through interfaces; QR codes – print meets interaction; Augmented interaction; The touch-screen world; Interview: Kate HoCase study: Designing the BBC iPlayer iPhone app; Exercise: Concept design for an AR smartphone app

Conclusion; Glossary; Index