AKQA Interface Design Practice
AKQA Interface Design Practice
AKQA Interface Design Practice
contents
AKQA INTERFACE DESIGN PRACTICE
BUILDING INTERFACES
Understand the Customer
Know the Platform
Managing Input
Information Design
Visual Design
Evolve the Solution
Manage the Process
2
As digital technologies deliver more and
more sophisticated services, they must
remain easy to use.
06
3
building interfaces
4
Each interface design project has
to reconcile a new set of competing
demands—customer needs, technical
feasibility and business requirements.
08
5
understanding the customer
6
It is crucial to understand the
customers who will use an interface.
We create customer personas that
describe the motivations, goals,
environment, and behavior of the
intended audience.
10
7
KNOW THE PLATFORM
8
MANAGING INPUT
Input is everything.
12
9
Create Customer Personas and Develop Customer Scenarios
INFORMATION DESIGN
We use our customer research to prioritize the user’s Keeping in mind the technical capabilities of
needs across an interaction experience. the platform and the functional requirements of
the system, we can generate detailed information
This hierarchy of user needs is then used to generate
hierarchies for each stage of the user journey, and
the information architecture, with overall navigation
create detailed “wireframe” information layouts that
and process flows for the relevant areas of the
feed into the visual design stage of the process.
experience.
10
Develop Design Brief
Usability Testing
Usability Testing
VISUAL DESIGN
Information design is key, but is only one part of In addition to static visuals, we often create “motion
the solution. studies.” These are working models of the interaction
experience that allow for hands-on usability testing of
Working in parallel with the information design
the proposed solution.
workstream, we use our customer and environmental
research to generate a detailed visual design brief that
encapsulates the interaction’s intended communication
and brand objectives.
14
11
EVOLVE THE SOLUTION
12
MANAGE THE PROCESS
Design
A process is only as good as the way › Information and visual design
Quality Assurance
Scoping
› Rigorously assess technical build
› Define the project objectives and scope for quality and integrity
› Investigate a client’s business, existing assets, › Ensure that all issues are logged,
and competitive environment reviewed, revised and corrected
› Seek a deep technical understanding of the
environment in which the experience Deployment
will be developed
› Deploy to the live environment
› Understand our client’s customers
› Make final checks and monitor
› Formulate and test the customer proposition performance
16
13
the practice of interface design
14
AKQA has formulated some simple
guidelines that shape our approach
to interface design.
18
15
designing for
tv screens
16
Designed for the passive reception of moving
visuals at a distance, and with a huge array
of formats worldwide, TV often presents
challenges when creating user-driven
interfaces.
20
17
building
mobile solutions
DESIGN TO GO.
18
Mobile applications present a significant
number of design challenges: limited
screen capabilities, display space and
bandwidth.
22
19
creating rich
video experiences
20
Video rich experiences such as in-flight
systems and DVDs often present unique
design challenges, being constrained by
simple input devices and the limitations
of a TV screen.
24
21
constructing
kiosks
GO PUBLIC.
22
Usually public, often using touch screens,
and sometimes requiring complex data
input, kiosks present unique interaction
challenges.
26
23
Case Studies
24
contents
Xbox 360
MSN TV 2 Interface Development
Domino’s Pizza
ESPN TV Programming
ED.gov: The U.S. Department of Education
Xbox “Difference” Experience
25
PROJECT COMPONENTS
Develop the user interface for the new
Xbox 360 console.
26
INITIAL INTERACTION MODELS
PROJECT OBJECTIVES
The user experience needed to be highly
extendable, evolving over time to accommodate
new content and services.
05
27
RESEARCH MOTION STUDY 1 - “LOOP”
INTERACTION DESIGN
Focusing in particular on how people were used
to using the game controller, AKQA developed four
high-level “wireframe” interaction concepts that were
organized to be understandable and easy to navigate.
DELIVERY
28
MOTION STUDY 2 - “CONCERTINA” RESULTS
The critical response to the interface has been
exceptional:
07
29
HOME BLADE
MARKETPLACE BLADE
30
MEDIA BLADE
31
PROJECT COMPONENTS
Concept and develop new ways to access content
and services through the MSN TV 2 service.
MSN TV 2
PROJECT OBJECTIVES
INTERFACE DEVELOPMENT
› Create a new information architecture
and visual interaction model
32
TV NAVIGATION MODELING
AKQA SOLUTION
AKQA reviewed the detailed customer research
available, matching content to customer needs
and proposed a consistent and streamlined global
navigation structure, to be coupled with different
content templates for each of the MSN TV channels.
11
33
RESULTS:
MSN INTEGRATED THE
AKQA DEVELOPMENT
FINDINGS INTO THEIR
PRODUCT DEVELOPMENT
ROADMAP FOR NEW AND
EMERGING TECHNOLOGIES.
34
IN CHANNEL DIFFERENTIATION - SPORTS
35
PROJECT COMPONENTS
Develop a completely new e-commerce experience
for Domino’s Pizza on both the Internet and
interactive television.
36
CROSS-PLATFORM INTERACTION DESIGN
AKQA SOLUTION
AKQA first focused on the customer needs during
the digital Domino’s experience.
15
37
RESULTS:
SUBSEQUENT TO THE
REDESIGN AND RELAUNCH,
DOMINO’S SALES VIA THE
INTERNET AND THROUGH
INTERACTIVE TELEVISION
ROSE BY 57.6%.
38
HOME PAGE - INTERNET
39
PROJECT COMPONENTS
Create a new, interactive marketing platform for
ESPN, serving fans schedules and teasers for the
sports network’s programming.
PROJECT OBJECTIVES
› Drive fans to tune into shows and promote
live events
40
LANDING PAGE, DETAILS AND TOPICS › Capture the fun-loving personality
that has won ESPN so many fans
AKQA SOLUTION
Through Nielsen data and ESPN.com’s own traffic
reports, the AKQA team was able to get to know the
site’s young, male target.
19
41
RESULTS:
DESCRIBING AKQA AS A
“STRATEGIC PARTNER,”
SHARON OTTERMAN,
VICE PRESIDENT, MEDIA
STRATEGIST FOR ESPN,
NOTED THAT “THEY DUG
IN AND UNDERSTOOD OUR
BUSINESS VERY QUICKLY
AND BECAME PART OF
THE TEAM.”
IN REFERENCE TO THE
NEW SITE DESIGN, SHE
COMMENTED THAT ESPN
“HAS BEEN VERY PLEASED
WITH THE PARTNERSHIP.”
SHOW OVERVIEW
42
PROGRAM GUIDE
SHOW DETAIL
43
PROJECT COMPONENTS
Develop a highly flexible and scalable interface that
accommodates thousands of pieces of content, but
is simple for diverse audiences to navigate.
44
MODULAR INFORMATION ARCHITECTURE
PROJECT OBJECTIVES
› Streamline the site structure and render
all existing content in a unified way
AKQA SOLUTION
AKQA worked closely with stakeholders at the US
Department of Education to conduct an audit of their
online presence and craft a new brand approach, site
structure, and design.
23
45
RESULTS:
IN COMMENTING ON HIS
TENURE AS SECRETARY
OF EDUCATION, ROD PAIGE
CITED THE REDESIGN
OF ED.GOV AS ONE
OF THE SIGNIFICANT
ACHIEVEMENTS OF
HIS TIME IN OFFICE:
“THE DEPARTMENT’S
WEB SITE HAS BEEN
TRANSFORMED … TO
ONE OF THE BEST IN THE
FEDERAL GOVERNMENT.”
IN SEPTEMBER 2004,
THE CENTER FOR
PUBLIC POLICY AT HOME PAGE
BROWN UNIVERSITY
RANKED “THE ED WEB
SITE … FIRST AMONG
CABINET AGENCIES.”
EDUCATION WEEK
MAGAZINE COMMENTED
THAT THE NEW SITE WAS
“SOPHISTICATED” AND
“A CLEAR IMPROVEMENT
OVER THE OLD APPROACH.”
46
EDITORIAL CONTENT LISTING
47
PROJECT COMPONENTS
Concept, plan and develop a video-rich experience
for Microsoft illustrating the superiority of the Xbox
console.
XBOX
PROJECT OBJECTIVES
“DIFFERENCE” EXPERIENCE
› Reach out to and connect with a cynical
gamer audience
48
“HEAR MORE” USER JOURNEY
AKQA SOLUTION
AKQA soon determined that a video-rich interactive
experience provided the best way to meet this
challenge.
27
49
RESULTS:
TWO MILLION DVDS
WERE DISTRIBUTED
ACROSS EUROPE VIA
MAGAZINES, DIRECT
MAIL, AND SPECIAL
EVENTS.
A WINNER IN
COMMUNICATION ARTS
MAGAZINE’S “2003
ANNUAL INTERACTIVE
COMPETITION,” THE
XBOX “DIFFERENCE”
DVD WAS DESCRIBED MAIN MENU LANDING SCREEN
BY THE JUDGES AS A
“STRONG CONCEPT
BACKED UP WITH
A CREATIVE
DEMONSTRATION.”
50
FEEL MORE LANDING SCREEN
51
Thank you.
52
contact
AKQA SAN FRANCISCO AKQA NEW YORK
118 King Street, 6th Floor 135 Spring Street
San Francisco, CA 94107 New York, NY 10012
tel: 1 415 645 9400 tel: 1 212 989 2572
fax: 1 415 645 9420 fax: 1 212 989 2363
akqa.com
54