User experiences/user interfaces for mobile, desktop, Web, and vehicle platforms reach across culturally diverse user communities, sometimes within a single country/language group, and certainly internationally. If user experiences/user interfaces are to be usable, useful, and appealing to such a wide range of users, developers/designers/analysts must account for cultural aspects in globalizing/localizing products and services. In this course, participants will learn about culture theories/models, and about practical principles and techniques that are immediately useful in terms of both analysis and design tasks. Through exercises (as time permits), they will put principles learned into practice.
2. A
M
+
A
AM+A Tutorial Handout Notes
Cross-Cultural User-Experience Design
UXPA 2015
Page 2
Aaron Marcus and Associates
22 June 2015
Contents
Section Item
Intro 1 Cover Page
Intro 3 Table of Contents
Intro 3 Instructor’s Biography
Intro 5 Agenda
Intro 7 Learning Objectives and Abstract
Lecture Slides
Lecture 0 Introduction to Content and Speaker
Lecture 1 Cross-Cultural User-Experience Design: Introduction/Case Studies:
Details TBD, per time, questions, and slide sets
Appendix Publication Resources with Bibliographies
Course Description
The full-day workshop summarizes key concepts of user-centered design
(UCD) for use experiences, then focuses on cross-cultural issues.
User experiences (UX) and human-computer interfaces (HCI for desktop,
Web, mobile, and vehicle platforms reach across culturally diverse user
communities, even within a single country/language group, and certainly
across the globe. If UXs/HCIs are to be usable, useful, and appealing to
such a wide range of users, UX/HCI developers must account for cultural
expectations and preferences in globalizing/localizing products and
services. In this tutorial, participants will learn practical principles and
techniques that are immediately useful in terms of both analysis and
design tasks. Participants will have an opportunity discuss each section
and topic as time permits. There will also be short quizzes and several
exercises.
2
3. A
M
+
A
AM+A Tutorial Handout Notes
Cross-Cultural User-Experience Design
UXPA 2015
Page 3
Aaron Marcus and Associates
22 June 2015
This tutorial is being given in conjunction with the appearnce of Mr.
Marcus’ latest book sMobile Persusaion Design and HCI/User-
Experience Design: Fast Forward to the Past, Present, and Future, both
being published in 2015 by Springer UK. The book contains the most
complete case studies of each of the ten Machine projects ever
published. Participants may be entitled to a special discount on purchase
of the book.
Agenda
Time Topic
09:00 Session begins
09:00-09:30 Lecture 0: Introduction to Content, Speaker, and
Participants
09:30-10:30 Lecture 1: Cross-Cultural UX Design
10:00-10:15 Exercise 1: Analyze Cross-Cultural Conversations
10:30-11:00 Break
11:00-11:15 Lecture 2: Mobile Phone Cross-Cultural UX Design
11:15-11:30 Lecture 3: Cultural Analysis of Corporate Cultures
11:30-11:45 Lecture 4: Culture Audit Before Translation
11:45-12:00 Discussion of all preceding lectures
12:00-13:00 Lunch
13:00-14:00 Lecture 5: Emerging Chinese UX Design Trends
14:00-15:00 Exercise 2: Analyze UI Components per One Culture
15:00-15:30 Break
15:30-16:45 Exercise 3:
16:45-17:00 Discussion of all preceeding lectures
17:00 Session ends
Detailed Lecture Descriptions and Allocation of Time
Lecture 0: Introduction to instructor and tutorial (15 minutes)
3
4. A
M
+
A
AM+A Tutorial Handout Notes
Cross-Cultural User-Experience Design
UXPA 2015
Page 4
Aaron Marcus and Associates
22 June 2015
This period will introduce the presenter and discuss how the techniques
that will be discussed fit into the user-interface development process,
including an introduction to globalization/localization issues. We’ll show
several examples of questionable cross-cultural communication and
discuss several cultural anthropological theories briefly. We’ll ask for
participants’ own experiences in difficulties of communicating across
cultural boundaries.
Lecture 1: Cross-Cultural UX Design (about 60 minutes)
Illustrated lectures will introduce each of five dimensions of culture:
(power distance, individualism vs. collectivism, masculinity vs. femininity,
uncertainty avoidance, and long-term time orientation. For each
dimension, we shall explain the characteristics and their potential impact
of work, education, and family life, and show examples of Websites from
different countries, but with the same subject matter that demonstrate
indigenous cultural characteristics.
We shall examine, also, several major businesses and consumer
Websites for multi-national corporations from several countries (USA:
McDonald’s, Coke; Korea: Samsung; Germany: Siemens) and discuss
the apparent tradeoffs of “universal” vs. localized solution for user-
interface components per culture dimensions. A culture model was used
to analyze variations in user-interface components of corporate global
Website designs for a dozen B2B and B2C companies, including
Siemens, Peoplesoft, McDonalds, and Coca-Cola. In addition, we
discuss a survey of 60 professional analysts of culture and user-interface
design, which resulted in a composite set of 19 culture dimensions and
the top five that emerged from the study to serve as a practical set for
culture analysis of user interfaces.
Lecture 2: Mobile Phone Trends and Cross-Cultural UX Design (15
minutes)
Illustrated lecture will summarize selected trends in mobile phone
products and cite culture differences in example products/services from
the US, Japan, Korea, Taiwan and the US
Lecture 3: Corporate Culture Analysis (15 minutes)
Illustrated lecture will discuss case study of analyzing corporate culture in
multiple countries for an international high technology firm in order to
determine best cities to study development of tools for increassing
cooperation, communication, and collaboration.
4
5. A
M
+
A
AM+A Tutorial Handout Notes
Cross-Cultural User-Experience Design
UXPA 2015
Page 5
Aaron Marcus and Associates
22 June 2015
Lecture 4: Culture Audit Before Translation (15 minutes)
Illustrated lecture will show how analysis of concepts, text, imagery, and
symbolism of a user-interface before translation can identify
problemmatic areas that should never be translated in the first place.
Lecture 5: Emerging Chinese UX Design Trends (about 60 minutes)
We investigate the emerging trends in Chinese Web and mobile
products/services that distinguish them from Western examples and
speculate on the emergence of a new approach to UX design based on
Chinese culture.
Exercise 1: Analyze Cross-Cultural Conversations (15 minutes)
Groups ewill study one of approximately eight cross-cultural textual
dialogues and attempt to understand the hidden cultural messages.
Then, the participants will examine the explanation of what is happening
between two people and report their findings and their misconceptions to
the rest of the participants. Discussion will follow depending on the
findings.
Exercise 2: Analyze UI Components per One Culture (60 minutes)
Each group in the tutorial/workshop will study one of the cultural
dimensions and analyze how this dimension might affect fundamental UI
components (metaphors, mental models, navigation, interaction, and
appearance). They will report their findings and discuss them with the
rest of the participants.
Exercise 3: Analyze and Design Screens for one Culture (75
minutes)
Each group in the tutorial will be assigned one target culture and design a
home screen and one or two other screens that demonstrate awareness
of the impact of culture on aspects of functions and data. The Website is
intended to be a medical information Website provided by the
government for its own citizens. Each team will report their intentions and
results, then discuss them with the other participants. Where possible,
comparisons will be made with actual Websites from different countries.
Optional Parallel Exercise 3 (75 minutes)
Each group will be assigned one target culture and design a home
screen and one or two other screens that demonstrate awareness of the
impact of culture on aspects of functions and data for a mobile device
that enables users to find restaurants. Each team will report their
intentions and results, then discuss them with the other participants.
5
6. A
M
+
A
AM+A Tutorial Handout Notes
Cross-Cultural User-Experience Design
UXPA 2015
Page 6
Aaron Marcus and Associates
22 June 2015
Learning Objectives and Abstract
Participants in this tutorial will:
§ Learn how cultural dimensions relate to the design of user-interface
components (metaphors, mental models, navigation, interaction, and
appearance).
§ Learn new terms and concepts to understand culture and dimensions of
culture (e.g., power distance, individualism/collectivism,
masculinity/femininity, uncertainty avoidance, and time orientation)
§ Learn about additional culture dimensions, models, and dimensions
(e.g., persuasion, trust, intelligence, cognition) that must be considered.
§ Learn practical trade-offs from studying several multi-national
companies' Web efforts, best-of-breed set of culture dimensions derived
from expert opinions, how mobile devices from Asia and the USA exhibit
culture differences, examples of culture differences and similarities of
Web 2.0 and social networking Websites, how cultural analysis can help
localization of software before translation, and how cultural analysis can
benefit multi-cultural, multi-discipline, multi-national development teams.
Participants will become familiar with the theories of user-centered user-
experience design, culture theory, and the merging of these
developments in the current state of product/services, including deskstop
and mobile applications. Issues discussed will include those from key
technology, social, business, culture, and UI/UX design. Concepts
covered to assist professionals to design more effectively are these:
§ User Analysis: Specification of user demographics and user-
environment, user modeling, task analysis, and business objectives
§ Metaphors: Easy recognized and remembered, fundamental
conceptsconveyed through words, signs, and images
§ Mental models: Appropriate organization of data, functions, tasks,
roles,and people
§ Navigation of mental model: Efficient movement within the mental model
via windows, menus, dialogue boxes, or control panels
§ Interaction: Effective input and output-feedback sequencing
§ Appearance: Quality visual, acoustic, and touch characteristics
§ Information Visualization: Tables, charts, maps, and diagrams
§ Basic visual design: Scale, proportion, rhythm, symmetry, and balance
§ Cross-cultural communication: fundamental theories and dimensions
§ User-centered design process
Participants will learn practical, immediately useful principles/techniques.
6
7. A
M
+
A
AM+A Tutorial Handout Notes
Cross-Cultural User-Experience Design
UXPA 2015
Page 7
Aaron Marcus and Associates
22 June 2015
Instructor’s Biography
Aaron Marcus, Principal, AM+A
Mr. Marcus’ company, AM+A, won design awards for three of its ten
Machine mobile persuasion projects, and they have all been published as
case studies. Mr. Marcus has published 350 articles and 15 books since
1968; taught since 1968; and designed/consulted for 48 years. He has
written chapters/case studies for seven Handbooks of UI design,
information appliances, and culture; has presented lectures/organized
panels about cross-cultural user-experience design, mobile persuasion
design, culture, and science- fiction, and HCI since 1980. He is Editor-in-
Chief Emeritus of User Experience, Editor of Information Design Journal,
and an editorial board member of Visible Language and the International
Journal of HCI. He is Visiting Professor at IIT’s Institute of Design,
Chicago; Master, De Tao Academy, Shanghai; and International Advisor,
Dragon Design Foundation, Beijing.
Mr. Marcus received a BA in Physics from Princeton University (1965)
and a BFA and MFA in Graphic Design from Yale University Art School
(1968). He is an internationally recognized authority on the design of user
interfaces, interactive multimedia, and printing/publishing documents. Mr.
Marcus has given tutorials at SIGGRAPH and SIGCHI conferences, and
at seminars for businesses and academic institutions around the world.
He books include Human Factors and Typography for More Readable
Programs (1990), The Cross-GUI Handbook (1990), Graphic Design for
Electronic Documents and User Interfaces (1992), Mobile TV:
Customizing Content and Context (2010), The Past 100 Years of the
Future: UX in Sci-Fi Movies and Television (2012), Mobile Persuasion
Design (2015), and Human-Computer Interaction/User-Experience
Design: Fast Forward to the Past, Present, and Future (2015). Mr.
Marcus was the world’s first professional graphic designer to be involved
full-time in computer graphics (1967), to program a desktop publishing
system (for the AT&T Picturephone, 1969-71), to design virtual realities
(1971-73), and to establish an independent computer-based graphic
design firm (1982). In 1992, he received the National Computer Graphics
Association Industry Achievement Award for contributions to computer
graphics. In 2008, the AIGA named him a Fellow; in 2009, CHI elected
him to the CHI Academy.
Mr. Marcus is Principal Designer/Analyst of Aaron Marcus and
Associates, a user-interface and information-visualization development
firm with more than 33 years of experience in helping people make
smarter decisions faster at work, at home, at play, and on the way. AM+A
has developed user-centered, task-oriented solutions for complex
computer-based design and communication challenges for clients on all
7
8. A
M
+
A
AM+A Tutorial Handout Notes
Cross-Cultural User-Experience Design
UXPA 2015
Page 8
Aaron Marcus and Associates
22 June 2015
major platforms (mobile devices, client-server networks, the Web,
information appliances, and vehicles), for most vertical markets, and for
most user communities within companies and among their customers.
AM+A has served corporate, government, education, and consumer-
oriented clients to meet their needs for usable, useful, appealing products
and services with proven improvements in readability, comprehension,
and appeal. AM+A uses its well-established methodology to help them
plan, research, analyze, design, implement, evaluate, train, and
document metaphors, mental models, navigation, interaction and
appearance. AM+A’s clients have included: Apple, BMW, Cisco, HP,
Kaiser, Microsoft, Motorola, NCR, Nokia, Oracle, Sabre, Samsung, SAP,
Siemens, US Federal Reserve Bank, Visa, Wells Fargo Bank, and Xerox,
among others.
Tutorial Slides
Presentation slides appear on the following pages, which include
publication resources and bibliographies.
8
9. Aaron Marcus and Associates !Lecture: !!
Presentation !Introduction to Aaron Marcus and Associates
! !!
!
!Aaron Marcus and Associates !AM+A, www.AMandA.com Page!
Aaron Marcus and Associates, Inc., www.AMandA.com, 1!AM+A!
AM+A: What We Do, How We Do It,
How We Add Value!
Aaron Marcus, Principal!
Aaron Marcus and Associates (AM+A)!
1196 Euclid Avenue, Suite 1F, Berkeley, California 94708-1640, USA!
Tel: +1-510-599-3195, Fax: +1-510-527-1994, Email: Aaron.Marcus@AMandA.com !
Web: www.AMandA.com
Facebook: http://www.facebook.com/AMandAssociates!
LinkedIn: http://www.linkedin.com/company/aaron-marcus-and-associates-inc-!
YouTube: http://www.youtube.com/user/AMandAssociates
Twitter: http://www.twitter.com/amandaberkeley!
Aaron Marcus and Associates, Inc., www.AMandA.com, 3!AM+A!
Our Company!
n 34 Years of experience in user-interface and
information-visualization design/analysis !
n Multi-disciplinary, multi-cultural Associates!
n Experienced with most platforms, user groups, and
vertical markets!
n Strong brand, Web/mobile/vehicle clients: Apple,
AT+T, BMW, Daimler, eBay, Cisco, HP, Microsoft,
Motorola, Nokia, SAP, Samsung, Siemens, Wells
Fargo Bank, US Federal Reserve Bank!
n Principal and founder: Aaron Marcus!
Aaron Marcus and Associates, Inc., www.AMandA.com, 4!AM+A!
Aaron Marcus, Founder, Principal,
Principal Designer/Analyst!
n First graphic designer to use computers!
n Visionary, pioneer, professional, teacher, researcher,
author/co-author of 16 books, 350 publications!
n Award winner: NY Art Directors Club, NY Type
Directors Club, ID Magazine, NCGA Industry
achievement award, ICOGRADA!
n AIGA Fellow, CHI Academy, BFMA Lifetime
Contribution Award, UXPA Service Award, ACM!
n Past Co-Principal Investigator, DARPA research in
program visualization!
Aaron Marcus and Associates, Inc., www.AMandA.com, 5!AM+A!
Research: User-Experience Spaces
= Opportunity Spaces!
n I-ware = Me-ware,
My-ware!
n You-ware = Love-ware!
n Fun-ware!
n Buy-ware = Sell-ware!
n Know-ware = Who-
What-Why-Where-
When-ware!
n Be-ware = Self-aware!
Marcus, Aaron (2004). "Six Degrees of Separation," User Experience, June 2004, pp. 16
Aaron Marcus and Associates, Inc., www.AMandA.com, 6!AM+A!
Books, Publications!
Aaron Marcus and Associates, Inc., www.AMandA.com, 7!AM+A!
Books, Publications!
9
10. Aaron Marcus and Associates !Lecture: !!
Presentation !Introduction to Aaron Marcus and Associates
! !!
!
!Aaron Marcus and Associates !AM+A, www.AMandA.com Page!
Aaron Marcus and Associates, Inc., www.AMandA.com, 8!AM+A!
Clients, Projects!
Am Express !Nokia !!
AT&T !Oracle !!
BMW !Ricoh !!
Citigroup !Sabre!
DuPont !Samsung!
Kodak !SAP!
eBay !Siemens!
Epson !3M!
Fujitsu !US Fed Reserve Bank!
GE !Virgin America!
GM !Visa!
Honeywell !Xerox!
HP !!
IBM!
Intel!
J. Paul Getty Trust!
Kaiser!
Learning Company!
Livescribe!
Microsoft !!
Motorola ! !
!!
*12 of 30 Dow Jones Industrial Average™ Firms
Aaron Marcus and Associates, Inc., www.AMandA.com, 9!AM+A!
AM+A Example Mobile Projects, 1/2 !
n AM+A: Designed UIs for wrist-top devices; mobile YouTube using social
network theory; mobile LoCoS, a universal sign language, 2002-2007.!
n AM+A: Evaluated and designed Green Machine, Health Machine, Money
Machine, Story Machine, Innovation Machine, Travel Machine, and Driving
Machine, mobile-app concepts combining info design and persuasion
design, 2009-12. Won design awards for first three machines, published
first five, including book to appear in 2013 !
n AT+T: Designed corporate identity prototypes for PC-based phones, 1994!
n Cisco: Evaluated usability of Internet phones, 2000.!
n Equilibrio: UI usability and design for mobile personal trainer, 2006!
n Microsoft: Designed 4 prototype content channels for SmartWatch, 2005.!
.!
Aaron Marcus and Associates, Inc., www.AMandA.com, 10!AM+A!
AM+A: Example Mobile Projects, 2/2 !
n Motorola: Designed look and feel for GPS device, 1989-92; designed
portion of UI for Marconi PDA, 1994; designed video-related UIs, 2007!
n Nokia (Finland, UK): Usability review, Nokia 9000, 1996; designed ppt
about UI design for 3rd-party developers, 2002; designed UIs, 2006.!
n Qwest: Designed gadget concepts to manage media, 2006.!
n Samsung (Korea and Israel): Trained developers, 1997, 2005; designed
100 UI concepts for future US smartphones, 2000.!
n San Jose Police: Detailed user evaluations for mobile in-vehicle telecom
system; published case study, 2004. !
n Siemens (Germany): Trained/consulted with mobile UI developers, 2004.!
n Ubitrotech (US and Korea): Designed UI for GPS device, 2008.!
Aaron Marcus and Associates, Inc., www.AMandA.com, 11!AM+A!
Our Vision and Mission!
AM+A helps people
make smarter decisions faster:
anyone, any time, any place,
any technology, any market,
any subject matter!
AM+A shapes the way technology
affects everyday life
through effective and compelling
user-interface and information-visualization
development!
Aaron Marcus and Associates, Inc., www.AMandA.com, 12!AM+A!
Our Objectives!
n ! Assist or help build centers of excellence
for user-interface development!
n Engage satisfied users via
user-centered user-interface (UI) development
that cost-effectively optimizes UIs!
n Ensure usability, usefulness, and appeal
in the user experience!
Aaron Marcus and Associates, Inc., www.AMandA.com, 13!AM+A!
UI Development Process!
n Planning: brainstorming!
n Research: technology, design issues, strategies!
n Analysis: user profiles, use scenarios, prototypes!
n Design: content, applications, branding, storyselling!
n Implementation: scripting, coding, final production!
n Evaluation: focus groups, user tests, heuristic evals.!
n Documentation: guidelines, patterns, specifications!
n Training: courseware, tutorials, mentoring!
n Maintenance: continuing client relations!
10
11. Aaron Marcus and Associates !Lecture: !!
Presentation !Introduction to Aaron Marcus and Associates
! !!
!
!Aaron Marcus and Associates !AM+A, www.AMandA.com Page!
Aaron Marcus and Associates, Inc., www.AMandA.com, 14!AM+A!
UI Components!
n Metaphors: Clear concepts via words, images,
sounds, music!
n Mental Models: Easy assimilation
of data, functions, tasks, and roles of people
at work, play, or on the way!
n Navigation: Efficient movement in menus, windows!
n Interaction: Effective input/output, feedback!
n Appearance: Quality perceptual characteristics,
including visual, verbal, auditory, haptic, etc.!
Aaron Marcus and Associates, Inc., www.AMandA.com, 15!AM+A!
Powerful User Experience
via User-Centered Development!
n Focus on usability!
n Attend to user experience and branding!
n Attend to technology!
n Consider culture/globalization issues!
n Look for opportunities related to visualization
and sonification!
n Look for opportunities for innovation!
Aaron Marcus and Associates, Inc., www.AMandA.com, 16!AM+A!
Our Projects: Designing/Evaluating
UX, UI, and Information Visualization!
n Applications: mobile, associated Web portals,
desktop, vehicle, appliances!
n Prototypes and demos !
n Executive presentations!
n Icons, symbols, logos!
n Tables, forms, charts, maps, diagrams!
n Publications, documentation!
n Research, strategic design planning!
Aaron Marcus and Associates, Inc., www.AMandA.com, 17!AM+A!
Nokia Projects!
n 1996: Nokia Finland!
n Reviewed Nokia documentation for technical documentation group!
n Reviewed UI for Communicator 9000 before intro to USA!
n Tutorials in Helsinki and Oulu!
n 2000: Nokia Finland!
n Reviewed Christian Lindholm’s lecture at HCI UK!
n 2002: Nokia Finland!
n Designed Powerpoint presentation to explain UI philosophy to
third-party developers worldwide!
n 2005: Nokia UK!
n Designed future UI concepts for Nokia Design Center!
Aaron Marcus and Associates, Inc., www.AMandA.com, 18!AM+A!
www.ThreeDegrees.com: Web-based
Messaging, File-Sharing for Teens !
Targeted to
“Net Generation,
Microsoft’s first
user-centered
UI development,
which led to a
new division,
now absorbed
int Microsoft’s
latest .net
offerings!
Aaron Marcus and Associates, Inc., www.AMandA.com, 19!AM+A!
Mobile Products: Motorola
Smart-Car User-Interface Design!
11
12. Aaron Marcus and Associates !Lecture: !!
Presentation !Introduction to Aaron Marcus and Associates
! !!
!
!Aaron Marcus and Associates !AM+A, www.AMandA.com Page!
Aaron Marcus and Associates, Inc., www.AMandA.com, 20!AM+A!
Prototype: Samsung Advanced
Mobile Device Concepts!
Aaron Marcus and Associates, Inc., www.AMandA.com, 21!AM+A!
Samsung Wireless Information
Device: Design Concepts!
Aaron Marcus and Associates, Inc., www.AMandA.com, 22!AM+A!
Samsung Wireless Information
Device: User Observation!
Aaron Marcus and Associates, Inc., www.AMandA.com, 23!AM+A!
Prototype: Message Manager
For a Wrist-top Device!
Aaron Marcus and Associates, Inc., www.AMandA.com, 24!AM+A!
Microsoft Smart Watch:
Prototype Channels!
The image part with relationship ID rId1
was not found in the file.
The image part with relationship ID
rId1 was not found in the file.
Aaron Marcus and Associates, Inc., www.AMandA.com, 25!AM+A!
BMW: Human Factors of the Driver
Experience!
n Design for safety!
n Avoid cognitive and sensory overload!
n Reduce complexity!
n Use graphical UI interface only when necessary!
n Allow customization of information!
n Use of physical controls!
n Follow driver-centered design process!
12
13. Aaron Marcus and Associates !Lecture: !!
Presentation !Introduction to Aaron Marcus and Associates
! !!
!
!Aaron Marcus and Associates !AM+A, www.AMandA.com Page!
Aaron Marcus and Associates, Inc., www.AMandA.com, 26!AM+A!
HP Labs: Executive Storyselling
Presentations, Scenarios!
The image part with
relationship ID rId1 was not
found in the file.
The image part with relationship ID rId1 was
not found in the file.
Aaron Marcus and Associates, Inc., www.AMandA.com, 27!AM+A!
Nokia: Marketing Presentation to
Software Developers Worldwide!
n Presented UI philosophy to attract and cultivate community
of loyal developers, operators, and journalists!
Aaron Marcus and Associates, Inc., www.AMandA.com, 28!AM+A!
Anoto (LiveScribe’s Smartpen):
Next Gen of Leapfrog’s Fly Pentop!
n Fly was successful Leapfrog toy !
n Tool can speak, translate, play music, record,
recognize writing marks, compute, communicate!
Smartpen!
Fly pen!
Aaron Marcus and Associates, Inc., www.AMandA.com, 29!AM+A!
Training Products/Services!
n Cogito-Learning Media: designed and produced
over 30 award-winning computer-based training
products in three business lines!
n Oracle Worldwide Training: designed and
produced CD-ROM training products, including one
AM+A wrote/illustrated about UI design; designed
first-ever UI guidelines for Web-based training!
n Tutorials: 1-15 days at conferences, universities,
on-site at corporations worldwide, and via the Web!
Aaron Marcus and Associates, Inc., www.AMandA.com, 30!AM+A!
Icon Designs, 1/3!
Aaron Marcus and Associates, Inc., www.AMandA.com, 31!AM+A!
Icon Designs, 2/3!
13
14. Aaron Marcus and Associates !Lecture: !!
Presentation !Introduction to Aaron Marcus and Associates
! !!
!
!Aaron Marcus and Associates !AM+A, www.AMandA.com Page!
Aaron Marcus and Associates, Inc., www.AMandA.com, 32!AM+A!
Icon Designs, 3/3, Logo!
Aaron Marcus and Associates, Inc., www.AMandA.com, 33!AM+A!
Prototype: Vehicle Dashboard
Information-Visualization!
Aaron Marcus and Associates, Inc., www.AMandA.com, 34!AM+A!
Mobile Persuasion Design: Changing
Behavior Through Info + Persuasion!
Aaron Marcus and Associates, Inc., www.AMandA.com, 35!AM+A!
Green Machine, 1/2!
Aaron Marcus and Associates, Inc., www.AMandA.com, 36!AM+A!
Green Machine, 2/3!
Aaron Marcus and Associates, Inc., www.AMandA.com, 37!AM+A!
Health Machine, 1/3!
14
15. Aaron Marcus and Associates !Lecture: !!
Presentation !Introduction to Aaron Marcus and Associates
! !!
!
!Aaron Marcus and Associates !AM+A, www.AMandA.com Page!
Aaron Marcus and Associates, Inc., www.AMandA.com, 38!AM+A!
Health Machine, 2/3!
Aaron Marcus and Associates, Inc., www.AMandA.com, 39!AM+A!
Health Machine, 3/3!
Aaron Marcus and Associates, Inc., www.AMandA.com, 40!AM+A!
Story Machine!
Aaron Marcus and Associates, Inc., www.AMandA.com, 41!AM+A!
Our Process!
Assimilation,!
Needs
Analysis
Analysis,
Information
Design
Visual
Design
Product,
Service, User!
Evaluation
Building,
Integration,
Validation!
Metaphors
Mental Models!
Navigation
!
Interaction!
!
Appearance!
Aaron Marcus and Associates, Inc., www.AMandA.com, 42!AM+A!
Our Testing Process!
*Deliverables!
Assimilation,!
Needs
Analysis
Test Design
Analysis,!
Documenta-!
tion!
User Testing
Business Objectives!
Client Survey
Product Review!
User Profile!
Test Plan*!
Scenarios and Tasks!
User Recruitment!
User Scheduling!
Product Preparation!
Test Script*!
Moderator Set-Up!
Observer Set-Up!
Video Set-Up!
6-8 Test Sessions*!
Observation Summary!
Compilation of Results!
Final Report*!
Aaron Marcus and Associates, Inc., www.AMandA.com, 43!AM+A!
Our Deliverables*!
Assimilation,!
Needs
Analysis
Analysis,
Information
Design
Document
Management
Building,
Integration,
Validation!
Proposal
Tasks/Schedule/Budget!
Resource Allocation!
Extranet/Team Center Set-up
Communication Protocol
Project Archive
Project Plan
Kick-Off Agenda, Meeting!
Progress Reports*!
Extranet Management!
Client Communications!
Milestone Meetings!
Project
Management
Visual
Design
Business Objectives!
Product Strategy!
Market Analysis
Target Audience
Feature Definition
Content Audit!
Technical Requirements!
Visual Requirements!
Team Roles!
Scope Validation!
Findings and
Recommendations*!
User Profiles!
Task Scenarios!
Feature Descriptons!
Content Organization!
Site/Application Map*!
Screen Layout (Schematics)*
Template Design*!
Interaction Model*
!
Feature Development*!
Script Development*!
Content Development*!
Screen Design*!
Icon/Logo/Widget Design*!
Brand Extension*!
Palette Development*!
Information Visualization*!
Style Guiides*!
!
Audio Design*!
Animation*!
Graphic Production*!
Demo Production*!
Prototype Production*!
Front-end Coding*!
Quality Assurance!
!
Cross-Platform Validation!
Engineering Management!
Development !
Guidelines*!
Heuristic Evaluation*!
Usability Research*!
Focus Groups*!
User Testing*!
Customer-Experience Analysis*!
User/Product!
Evaluation
15
16. Aaron Marcus and Associates !Lecture: !!
Presentation !Introduction to Aaron Marcus and Associates
! !!
!
!Aaron Marcus and Associates !AM+A, www.AMandA.com Page!
Aaron Marcus and Associates, Inc., www.AMandA.com, 44!AM+A!
Design Process Artifacts!
Aaron Marcus and Associates, Inc., www.AMandA.com, 45!AM+A!
User Research!
Aaron Marcus and Associates, Inc., www.AMandA.com, 46!AM+A!
User Models, User Profiles!
Aaron Marcus and Associates, Inc., www.AMandA.com, 47!AM+A!
Participatory Design!
Aaron Marcus and Associates, Inc., www.AMandA.com, 48!AM+A!
InfoArchitecture Diagram: Framework!
Aaron Marcus and Associates, Inc., www.AMandA.com, 49!AM+A!
InfoArchitecture Diagram: Scenarios !
16
17. Aaron Marcus and Associates !Lecture: !!
Presentation !Introduction to Aaron Marcus and Associates
! !!
!
!Aaron Marcus and Associates !AM+A, www.AMandA.com Page!
Aaron Marcus and Associates, Inc., www.AMandA.com, 50!AM+A!
UI Design Sketches!
Aaron Marcus and Associates, Inc., www.AMandA.com, 51!AM+A!
Visual Design: Examples!
Aaron Marcus and Associates, Inc., www.AMandA.com, 52!AM+A!
Visual Design Examples!
Aaron Marcus and Associates, Inc., www.AMandA.com, 53!AM+A!
Visual Design Examples!
Aaron Marcus and Associates, Inc., www.AMandA.com, 54!AM+A!
Visual Design: Examples!
Aaron Marcus and Associates, Inc., www.AMandA.com, 55!AM+A!
Our Services!
n User-interface and information-visualization design!
n Design-strategy consulting, competitive analysis!
n Usability research, context analysis, ethnography!
n Design guidelines development!
n Training: UCD, UI, mobile, culture, info visualization!
n Heuristic evaluations, focus groups, user testing!
n User experience/brand analysis!
n Improving corporate centers of excellence!
17
18. Aaron Marcus and Associates !Lecture: !!
Presentation !Introduction to Aaron Marcus and Associates
! !!
!
!Aaron Marcus and Associates !AM+A, www.AMandA.com Page!
Aaron Marcus and Associates, Inc., www.AMandA.com, 56!AM+A!
Our Value: Improving Usability,
Usefulness, and Appeal!
n Increase
- Appeal
- Sales
- Productivity
- Return on investment (ROI) !
n Decrease
- User errors
- Training costs
- Late design-change costs
- User support costs, e.g., for call centers!
Aaron Marcus and Associates, Inc., www.AMandA.com, 57!AM+A!
Our Advantage!
n Emphasis on users!
n Rigorous, thorough approach!
n International, proven experience!
n Flexible, focused teams!
n Industry thought leader with 45 years of experience!
Aaron Marcus and Associates, Inc., www.AMandA.com, 59!AM+A!
AM+A: What We Do, How We Do It,
How We Add Value!
Aaron Marcus, Principal!
Aaron Marcus and Associates (AM+A)!
1196 Euclid Avenue, Suite 1F, Berkeley, California 94708-1640, USA!
Tel: +1-510-599-3195, Fax: +1-510-527-1994, Email: Aaron.Marcus@AMandA.com !
Web: www.AMandA.com
Facebook: http://www.facebook.com/AMandAssociates!
LinkedIn: http://www.linkedin.com/company/aaron-marcus-and-associates-inc-!
YouTube: http://www.youtube.com/user/AMandAssociates
Twitter: http://www.twitter.com/amandaberkeley!
18