Basics Interactive Design: Interface Design: An introduction to visual communication in UI design

✍ Scribed by Dave Wood

• Publisher: Fairchild Books
• Year: 2014
• Tongue: English
• Leaves: 192
• 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

Cover
Contents
Introduction
Chapter 1
Visual communication: A standard in designing interaction
Communicating the UI
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
Global and contextual navigation in IA
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 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
The view from Mars and the view from Venus
Modularizing the aesthetic
What the designer provides
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 Ho
Case study: The Macallan Microsoft Surface at Schiphol Airport
Exercise: Concept design for an AR smartphone app
Glossary
Index
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Picture credits
Acknowledgements