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.
Author(s): Dave Wood
Series: Basics Interactive Design
Edition: 1st
Publisher: Bloomsbury
Year: 2014
Language: English
Pages: 192
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