Basics of Interaction Design & Strategy Fall 2012

Good Morning!
Welcome to the School of Visual Arts
Basics of Interaction Design & Strategy
Fall 2012

Anh Dang
adang@sva.edu

Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang

Let’s go!
INTRODUCTIONS
http://www.flickr.com/photos/22563225@N04/4958972220/

Basics of Interaction Design + Strategy | Springll 2012 School of Visual Arts | Anh Dang

Introduction

Hi. I’m Anh.

Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang

Introduction

Travel Plans


Introduction

About Us
This course will focus on practical ways to develop
smart design strategies for multiple devices. We will
discuss core theories, case studies and the practice
of designing user experiences.

Through collaborative exercises and lightweight,
interactive prototypes, we will practice creating
information architecture, content strategy, and
interface design for web and mobile platforms.
Prerequisite: SDC-2827, Introduction to Information Architecture and Design, or equivalent.


Introduction

Objectives: 5 i’s
• Industry: Core theories, case studies, and practice
of designing for web and mobile devices.


Introduction

Objectives: 5 i’s
• Information: Techniques to organizing information
(content strategy, information design, information
architecture).


Introduction

Objectives: 5 i’s
architecture).
• Iteration: Methods to solve design problems
through ideation and iterative design.


Introduction

Objectives: 5 i’s
architecture).
• Interaction: Development of light weight, interactive
prototypes.


Introduction

Objectives: 5 i’s
architecture).
• Interaction: Development of light weight, interactive
prototypes.
• Interfaces: Design strategy for various platforms.

Introduction

Design Process
Discovery Deﬁnition Design
Journey Maps Conceptual Models Design Exercises
Brainstorm Techniques - Navigator Model - Sketching
- How Do We - Facet Model - Adaptive Design
- KJ Analysis - Conﬁgurator Model - Desktop
Landscape Audits - Tablet
- Mobile


Introduction

Morning
• Basics 10-10:30am
– UX Review
– Trending Topics
– Notable Practices
• Discovery
• Journey Maps
• Brainstorm
• How Do We
• KJ Technique
• Lunch Break 10-10:30am


Introduction

Afternoon
• Deﬁnition 10-10:30am
– Landscape Audit
– Conceptual Models
• Design
• Project Brief
• Design Strategy
• Conceptual Models
• Design Explorations
• Review
• Team Presentations
• QA


Let’s review!
BACK TO BASICS
http://www.flickr.com/photos/gemmabou/5502812147/

Basics of Interaction Design + Strategy | Springll 2012 School of Visual Arts | Anh Dang

Basics

CONTEXT

UX

CONTENT USERS


Basics

User Experience Design
Create designs that effectively
communicate a message and allow users
to accomplish their goals in an easy,
efﬁcient, and engaging manner.


Basics

UX Principles WHITNEY HESS
1. Stay out of people's way.
2. Create a hierarchy that matches people's needs.
3. Limit distractions.
4. Provide strong information scent.
5. Provide signposts and cues.
6. Provide context.
7. Use constraints appropriately.
8. Make actions reversible.
9. Provide feedback.
10.Make a good ﬁrst impression.

http://thenextweb.com/dd/2011/11/08/the-principles-of-experience-design-and-10-sites-doing-it-right/?awesm=tnw.to_1BkLF

Basics

R
O
I


Basics

Return
On
Investment


Basics

Retention
Orientation
Interaction


Basics

Retention
• Thoughtful user experiences and content
strategy
– Does the site offer an informative and engaging
experience for services/products to retain users?
• Features that allow users to hold information
in a particular place or state
– Does the site offer tools to retain the users
customized product or search result?


Basics

Orientation
• Site architecture, navigation elements, depth of
content, ease of ﬁnding content
– Is the information presented in a logical structure
that communicates the relative importance of
options and be easy to understand?
– Can users conveniently and expediently ﬁnd their
way through the interface?
– Do users understand where they are, where they
can go next, and how to return?


Basics

Interaction
• Ease, consistency, accessibility and
interestingness of interactivity on the site
– Can users use the system without hindrance and
ﬁnd information easily?
– Is the site engaging and allows users to discover
new information?
– Does the site address the needs of both novice
and experienced users?


Basics

Business Strategy
Product Strategy
Design Strategy
Content Strategy


Basics

Business Strategy
Business strategy is about identifying your
business objectives and deciding where to
invest to best achieve those objectives.

JAMES KALBACH
Experiencinginformation.com


Basics

Product Strategy
The product strategy speaks to how you
hope to deliver on the business strategy.

JAMES KALBACH


Basics

Design Strategy
Design strategy isn’t the act of designing,
rather the application of design to help
reach business objectives.

JAMES KALBACH


Basics

Content Strategy
The main goal of content strategy is to use
words and data to create unambiguous
content that supports meaningful,
interactive experiences.

RACHEL LOVINGER
@rlovinger


Basics

Human Centered Design
“Most design is intended to be used by
people, so the needs and requirements of
people ought to be driving much of the
work throughout the entire process.”

DONALD NORMAN
jnd.org


Basics

Good Design BRAUN’S 10 PRINCIPLES OF GOOD DESIGN

1. Is innovative
2. Enhances the usefulness of product
3. Is aesthetic
4. Displays the logical structure of a product; it’s form follows
its function
5. Is unobtrusive
6. Is honest
7. Is enduring
8. Is consistent right to the details
9. Is ecologically conscious
10. Is minimal design

Let’s chat!
TRENDING TOPICS
http://www.flickr.com/photos/sincretic/5617424729/


TRENDS

Future Friendly Thinking
• Laser focus
• Orbital data
• Universal/structured content
• Unknown vessels
• Command your ﬂeet


TRENDS

Progressive Enhancements
• Abandon comfortable assumptions
• Mobile ﬁrst
• Build up core experience
• Set solid foundation


TRENDS


TRENDS

Ethan Marcotte


TRENDS

Responsive Design
• Flexible foundation
• Responsive architecture
• Adaptive templates


TRENDS

Simon Collison


TRENDS

Boston Globe


TRENDS

Disney


TRENDS

Anti- Responsive Design
Responsive Design is counter productive,
not-ﬁt-for-purpose, and based on
hypocritical-and-contradicting bull***.

KEVIN GALLAGHER
http://kevinjohngallagher.com/


TRENDS

Responsive Design

Mobile Design


Basics

Responsive Design
I think of responsive design as an
alternative to mobile sites.

ETHAN MARCOTTE


TRENDS

Luke Wroblewski


TRENDS

Mobile First
• Mobile is exploding.
• Mobile forces you to focus.
• Mobile extends your capabilities.

Luke Wroblewski


TRENDS

CONTEXT

UX

CONTENT USERS


TRENDS

http://www.lukew.com/

44

TRENDS

Mobile Considerations
• Mobile Screen sizes
– Varying widths based on devices
128, 160, 176, 240, 320, 360, 400, 480
• Display modes
– Landscape and portrait
• Technical Support
– Javascript, cookies
– Performance/Speed


TRENDS


46

TRENDS

Tablet Considerations
• Tablet Screen sizes
– Varying widths based on devices
• Small ~5 inches (Galaxy Note)
• Medium ~7-9 inches (Kindle Fire)
• Large ~9-10 inches (iPad)
• Display modes
– Landscape and portrait
• Technical Support
– Javascript, cookies
– Performance/Speed

TRENDS

Organizing Mobile
• Align with how people use their mobile
devices and why.
• Emphasize content over navigation.
• Provide relevant options for exploration
and pivoting.
• Maintain clarity and focus.
• Align with mobile behaviors
Mobile First by Luke Wroblewski (A Book Apart, 2011)


TRENDS

Mobile Capabilities
– Location/GPS
– Multi-touch
– Accelerometer
– Camera


TRENDS

Touch First


TRENDS

5th Finger’s Five Tenets
• The NUI is not the GUI.
• Be thoughtful about the location of your main
interface elements & navigation.
• It’s tactile like the real world so use existing real
world metaphors!
• Don’t be limited by what others are doing –
create a new interaction paradigm
• Be passionate, and iterate often, to build a tablet
UX that customers go out of their way to
‘experience’ not just ‘use’.
Steen Anderson, fingerfood.5thfinger.com


TRENDS

@Lukew in Mobile First: “When holding a touch phone screen with only your right hand, it’s easy to hit the dark green
area and a stretch to tap the yellow area with your thumb.” UXRave.com


TRENDS


53

TRENDS


54

TRENDS

55

TRENDS

Mobile Experience
Responsive design, adaptive design, progressive
enhancement, and progressive disclosure give us
the technical tools we need to create a single
website that works well on all sites. We're still
learning to use those tools the right way.
JOSH CLARK
http://globalmoxie.com


MOBILE


EXPLORE: Noteworthy Practices


MOBILE

Taylor
photostream Taylor
photostream


EXPLORE

Noteworthy Practices
• Fluid layouts to ﬁt various sizes for mobile
devices
• Consider performance and load times
• Don't use hover states
• Keep design and functionality simple
• Option to visit full site


Let’s discover!
RESEARCH
http://www.flickr.com/photos/visualpanic/233508614/


DISCOVERY

http://www.flickr.com/photos/madlyinlovewithlife/6500454297/


DEFINE


DISCOVERY: Journey Maps

http://uxfindings.wordpress.com/


Journey Maps
Customer journey maps are "cradle to grave,"
looking at the entire arc of engagement

HBR Blog
http://bit.ly/aAkvtd



Journey Maps
“Answering customer needs is the end
point of our journeys through the
structure and the starting point of our
thinking about the journey itself.”

JASON HOBBS
http://bit.ly/WDPXxm



Exercise: Journey Maps
• Share your journey maps
• Identify common themes for:
– Before Trip
– During Trip
– After Trip
• Create a common journey map
– Note gaps and opportunities


89


Brainstorming
We happen to think idea generation is an
art form. It's about setting a safe, creative
space for people to feel like they can say
anything, be wild, not be judged, so that
new ideas can be born.
http://www.openideo.com/


DISCOVERY

OpenIDEO brainstorming rules
• Defer judgment
• Encourage wild ideas
• Build on ideas of others
• Stay focused on the topic
• One conversation at a time
• Be visual
• Go for quantity




KJ Method
The KJ-Method, named for its inventor, Jiro
Kawakita (the Japanese put their last
names ﬁrst), allows groups to quickly
reach a consensus on priorities of
subjective, qualitative data.


DISCOVERY

KJ Method
• Determine focus question
• Organize group
• Put opinions on sticky notes
• Put stick notes on the wall
• Group similar items
• Name each group
• Vote for most important group
• Rank the most important groups

http://bit.ly/cYIW14



Hybrid Exercise:
• Brainstorm ideas
– How do we...
• Analysis
– Cluster similar ideas
– Identify core themes
– Prioritize features



Concept Maps
In the territory of concepts, a good map can
help us see where we are and decide what
to do by establishing landmarks, clarifying
relationships, and identifying true north.

Peter Morville
semanticstudios.com


DISCOVERY: Mind Mapping

http://www.mindmeister.com/
98

DISCOVERY

Site Evaluations
Information Organization
• Is information presented in a logical structure?
• Is it clear how site components and sections are related? Are content/function
areas logically/intuitively grouped?
Navigation
• Is the navigation consistent across the site?
• Does it help users answer the three fundamental navigation questions: Where am I?
Where have I been? Where can I go?
Nomenclature
• Is terminology clear and consistent across the site (including navigation elements)?
• Does the site avoid the use of incomprehensible industry jargon?
User interface
• Does the site support both experienced and novice users effectively?
• Are visual cues are easily understood and consistent?

Dorelle Rabinowitz : http://bit.ly/7HRL9h


DISCOVERY

Holiday Guides
Product Guides

School Guides

Travel Guides

Basics of Interaction Design + Strategy | Spring 2012 Financial Guides School of Visual Arts | Anh Dang

DISCOVERY

The Conﬁgurator


CONFIGURATOR DISCOVERY


The Facet-ilator


FACET-ILATOR DISCOVERY


The Navigator


NAVIGATOR DISCOVERY


DISCOVERY

Key Findings for Guides
• Conﬁgurator: allow users to build up a
product based on their interest in a bottom
up manner.

• Faceted Search: encourage users to narrow
down their options based on their goals in a
top down manner.

• Navigator: lets users browse all options
organized in deﬁned hierarchy.


DISCOVERY

Themes
While the main difference is the directional
approach used to accomplish a task…

CONFIGURATOR FACET-ILATOR NAVIGATOR

the ultimate goal is to allow users to control
their experience and receive information
that is highly relevant to their goals in an
easy, efﬁcient and engaging manner.

EXPLORE

Noteworthy Practices
• Responsive ﬁltering process
• Immediate feedback
• Side by side comparison
• Up front instructions
• Visuals of products
• Tools to save, print, email, share, compare
• Related products
• Clear and short steps
• Display details on mouse over
• Multiple view options

Let’s eat!
LUNCH


Let’s deﬁne!
DESIGN PLANNING
http://www.flickr.com/photos/nektar/6085554556/


The Brief


BRIEF: New York Times Travel
CMYK Sxxx,2012-11-11,TR,001,Bs-4C,E1

A SPECIAL ISSUE SUNDAY, NOVEMBER 11, 2012

Travel
Print

School of Visual Arts | Anh Dang
ANDREA DE SILVA/REUTERS, VIA NEWSCOM

Basics of ABOVE Patricia Bailey presents+ creation at the |King and Queen of Carnival competition in Port of Spain, Trinidad, last February. BELOW Suite at Geejam, in Jamaica.
Interaction Design a Strategy Spring 2012
127


Travel
Online



Travel
Guides



Frugal
Traveler



Places
To Go



36 Hours



Key Opportunities
• Editorial
– 6 years of Places to Go, over 250 destinations
– Featured articles
– Slideshows
– 36 Hours - weekly
– Frugal Traveler

• Travel Guides
– Where to Stay, Where to Eat, What to Do,
Where to Go, When to Go, Maps

• Social Community
– Loyal followers
– Engaged travelers


36 Hours

134


CMYK Sxxx,2011-09-18,TR,004,Bs-4C,E1

4 TR THE NEW YORK TIMES, SUNDAY, SEPTEMBER 18, 2011

36 Hours

Quito, Ecuador

PHOTOGRAPHS BY KIKE CALVO FOR THE NEW YORK TIMES

FROM LEFT La Boca del Lobo has a lounge and glassed-in patio; musicians play and residents break into dance at Plaza San Francisco; ice cream for sale at Plaza San Franscisco.

By MICHELLE HIGGINS 7:30 p.m.

N
• With a Latin Twist
PICHINCHA ONLINE: READERS’ THOUGHTS
VOLCANO Swiss 1/4 MILE
ESTLED amid snowcapped 2 10 Corner

DE
Andean peaks, Ecuador’s Hacienda See a slide show of Quito, Ecuador,
9 Rumiloma

LA
Theatrum Restaurant & Wine Bar (Tea-

OSTO
capital has long been over- and share your suggestions on where
Teleferiqo
looked by travelers on their tro Nacional Sucre, Calle Manabi be- AV. DE LOS SHYRIS to stay, where to eat and what to do.

AG

RE
RO
tween Guayaquil and Flores; 593-2-257- Cruz Loma FA

PÚ
way to the country’s most

10 DE
AL travel.nytimes.com/quito
OY

BLICA
famous destination, the Galápagos Is- 1011; theatrum.com.ec), on the second TRA
Bellavista EL
M
lands. But visitors who bypass this live- floor of the National Theater, serves
AVE.
ly historic city of some two million peo- Mediterranean cuisine with a Latin FCO.

E
Teleférico 5 DE ly above the clouds. The jarring ride is

BR
6 ORE
ple are missing out. At 9,350 feet above twist in a high-vaulted room draped in LLANA

EM
Capilla del Metro Café 4 well worth it for a romantic dinner

DICI
sea level, on the eastern slopes of the red velvet curtains. The five-course Hombre C. LA RÁBIDA overlooking the city. Outfitted in a
tasting menu ($38 plus tax; the official

6 DE
Pichincha Volcano, Quito offers breath- hodgepodge of Baccarat chandeliers,
taking vistas around nearly every cor- currency in Ecuador is the United Quito Mariscal booths made of thick slabs of worn
Olga Fisch
ner. Its historic center, a Unesco World States dollar) includes specials like Plaza Foch/
La Boca wood and antique chairs covered in
del Lobo 8
Heritage site, is one of the largest in grilled octopus with olives and fava Q Restaurant 3 woven fabrics, the restaurant offers a
beans, crab ravioli and rabbit risotto,

C. FO
South America, with 40 colonial C.
WAS JO 7 luxurious, rustic feel, with a wood-burn-

M
TO NA
RIA
HI RGE

AR CH
churches and chapels, 16 convents and and a refreshing sorbet as a palate

VIC . RIE
NG La Chillangua ing stove in one corner and a baby

SI
TO

CA
cleanser. The restaurant will also ar- Verde Esmeralda

C
monasteries and picturesque plazas. In N
grand piano in another. Specialties like

L
recent years, museums have been range free transportation to and from ECUADOR Mercado Artesanal
1 MILE La Marsical
the Asian-influenced camarones Rumi-
opened; mansions restored; hotels, your hotel. loma ($20) and cordero La Cantera, a
restaurants and cafes opened and safe- PARQUE
savory lamb dish ($22), are served on
EL EJIDO
ty improved. And this year, in recogni- 10 p.m. heavy metal platters. Head downstairs

• Party Plaza
tion of Quito’s rich mix of architectural 11 Basílica del Voto Nacional to the Irish Pub for an after-dinner
heritage and cultural traditions, the In- 3 Quito drink next to the fireplace. (There are
ternational Cultural Capitals Bureau C. GABRIAL also luxurious suites with fireplaces
chose the city as its 2011 American Cap- If the food and altitude haven’t sapped GARCÍA MORENO
VENEZUELA

your energy, head to Plaza Foch at the from $305.)
ital of Culture.
intersection of Calle Reina Victoria and Hotel Patio
Theatrum Restaurant
Andaluz 2 & Wine Bar
Friday
Mariscal Foch in northern Quito, where Plaza San
Francisco Sunday
young people gather before hitting Itchimbía Centro Cultural/ Pacific
Pim’s COLOMBIA 10 a.m.
5:30 p.m. nearby night spots. A noticeable police Plaza de la Independencia/ Ocean

• Swiss Breakfast
Plaza Grande Hotel

• Sunset Over the City
presence makes it safe to explore the Quito 10
1 immediate area, but if you plan to party ANTONIA JOSÉ DE SUCRE Parque ECUADOR
beyond the three-block radius of Cala- La Compañía de Jesús Itchimbía Grab a pastry at the Swiss Corner’s
Casa
Parque Itchimbía (Calles José María ma, Juan León Mera and Pinto Streets, Gangotena 1 deli/bakery (at the corner of Avenida
Aguirre N4-108 and Concepción; 593-2- take a taxi. On Fridays, you’ll find live PERU De los Shyris N38-41 and El Telégrafo;
200 MILES
322-8470) offers panoramic views, in- music after 10 p.m. at Q, a restaurant 592-2-280-5360) or sit down in its cheery
cluding Quito’s historic center and, in and bar at the base of the NU House THE NEW YORK TIMES restaurant next door for yogurt and
the distance, the winged Virgin of Quito boutique hotel (Calles Marsical Foch fruit parfaits or eggs and hash browns.
statue. Check out the Art Nouveau Itch- E6-12 and Reina Victoria; 593-2-255- Prices from $3 to $10.
imbía Cultural Center (Itchimbía Cen- 7840; quitoq.com). Across the plaza, La for the express line ($8.50 for tourists, encocadas, a rich seafood dish pre-
tro Cultural, 593-2-258-4362; centrocul- Boca del Lobo (Calles Calama 284 and $4.90 for locals). At the top, stroll the pared with coconut juice. 11 a.m.
tural-quito.com). The glass and steel Reina Victoria; 593-2-252-7915; nature paths threaded amid waving
structure imported from Hamburg in
1889 was on the other side of the city
labocadellobo.com.ec) has a red lounge grasses and buy coca tea ($2.25) at the
tea shop in the mountain lodge to help
3 p.m. • Old Town
11

• Folklore and Foraging
and a glassed-in patio with funky chan-
until it was moved to Itchimbía hill in deliers, hanging bird cages and ceiling counteract the high altitude. 8 The cobblestone streets of Quito’s his-
2004. Then, venture below the observa- tiles featuring religious iconography. It toric center are closed to traffic from 8
tion deck, where you’ll find Pim’s, an Folklore Olga Fisch (Avenidas Colón a.m. to 2 p.m. on Sunday — an ideal op-
serves a selection of fried appetizers for 11:30 a.m.
Ecuadorean chain. Order a cocktail and E10-53 and Caamaño; 593-2-254-1315; portunity to explore. Start at the Basíl-
• Art and Architecture
midnight snacking.
find a seat near one of the heat lamps 6 olgafisch.com) is a boutique with a se- ica del Voto Nacional, (Calle Carchi 122
on the outdoor deck to watch the lights lection of indigenous and Ecuadorean and Venezuela; 593-2-228-9428), Ecua-
come on in the city below. Saturday La Capilla del Hombre (Calles Lorenzo art, including handwoven tapestries, dor’s largest Gothic cathedral, adorned
Chávez EA18-143 and Mariano Cal- silver jewelry, straw fedoras and pot- with gargoyles inspired by the coun-
3 a.m. vache; 593-2-244-8492; tery. It’s a must-stop for shoppers. The
• After Hours
try’s iguanas, pumas and Galápagos
4 capilladelhombre.com), which means small museum upstairs displays pre- tortoises. Then take Calle García More-
IF YOU GO Chapel of Man, is an impressive cultur- Columbian artifacts and post-colonial no to the Plaza de la Independencia,
Most bars close by 3 a.m. One after- al complex conceived in 1985 by Os- art. Next, hone your haggling skills at
Taxis (typically $2 to $6) are recom- Quito’s main square, surrounded by the
hours option is the Metro Café (Aveni- waldo Guayasamín, one of Ecuador’s El Ejido park, a short taxi ride away,
mended for getting around, especially cathedral, the Presidential Palace, the
da Orellana at the corner of Rábida; greatest artists, as a tribute to the resil- where artisans in indigenous garb line
at night. Or rent an air-conditioned Archbishop’s Place and City Hall. Take
593-2-255-2570), which prepares diner ience of the Latin American peo- the northern end on most weekends
mini-van with a driver, about $130 for a a break at the Plaza Grande Hotel’s
fare around the clock. It’s also a good ple. The three-story museum, in the with stalls featuring handmade jewelry,
14-hour day from JL Turismo, jlturis- Café (Calles García Moreno and Chile;
breakfast option, serving up stacks of Bellavista neighborhood, houses a alpaca scarves, wooden flutes and oth-
moecuador.com. 888-790-5264; plazagrandequito.com)
pancakes and greasy-spoon dishes like heart-wrenching sequence of paintings, er crafts. Nearby, the Mercado Artesa-
In Old Town, Hotel Patio Andaluz and order a creamy cup of Ecuadorean
Cheddar scrambled eggs with hash murals and sculptures that captures nal La Mariscal (Calles Jorge Washing-
(García Moreno N6-52 between Mejía hot chocolate ($5). Continuing on Calle
browns and bacon. During the day, the miseries and victories of people ton between Reina Victoria and Juan
and Olmedo; 593-2-228-0830; hotelpa- García Moreno, you will pass La Com-
families with restless children will ap- struggling against political oppression. León Mera) has about another hundred
tioandaluz.com) has 32 elegant rooms pañía de Jesús, with its gold-leaf altar.
preciate the outdoor playground. stalls of similar souvenirs.
with antique-style furniture. Rates from Entrance: $2. On Calle Sucre, head up-
$200 a night. 1 p.m. hill to the Plaza San Francisco, dom-

• A Taste of the Coast
Casa Gangotena, a historic mansion 9 a.m. 8 p.m. inated by a church and convent, where

• Into Thin Air • Above the Clouds
7
overlooking Plaza San Francisco in Old musicians gather and locals spontane-
5 9
Town Quito (Calle Bolivar 541; casagan- Settle in for lunch on the leafy patio of ously break into dance. Next, make
gotena.com) plans to offer 33 rooms Take the dizzying Teleférico aerial tram La Chillangua Verde Esmeralda (Calles Hold tight for a bumpy ride up the pot- your way to the pedestrian street La
with painted tin ceilings, antique furni- up to the Cruz Loma viewpoint, some Zaldumbie N25-165 and Toledo; 593-2- holed gravel road to Hacienda Rumilo- Ronda (also known as Calle Morales),
ture and marble bathrooms beginning 13,000 feet above sea level (Avenidas 222-5313), which specializes in coastal ma (at the end of Obispo de la Madrid; where balconies are decorated with
this month. Rooms will start at $425, Occidental and Fulgencio Araujo; 593- Ecuadorean cuisine, including tasty ce- 593-2-320-0953; haciendarumiloma flowers and flags, children play hop-
with breakfast. There will be eight 2-222-2996). Bring a hat (temperatures viches (from $6 for a small calamari to .com), more than 10,000 feet up the scotch and tiny restaurants serve up
rooms with plaza views for $550 a night. drop as you climb to the top) and spring $16 for a large langosta) and camarones slopes of the Pichincha Volcano, literal- Ecuadorean specialties. Æ

135


136


What are we designing?

The 36 Hours | Top10 will be a travel destination
that highlights a list of ten destinations to visit
optimized for all devices - desktop, tablet, mobile.


EXPLORE

Who are we designing for?
I know what I want…
let’s learn more and
I’m not sure what I see what’s similar. I know what I like…
want… Show me. let’s see what ﬁts my
let’s see what’s there. interests.
Surprise me. Lead me.

The
Planner
The The
Explorer Generalist

Mindset: Tentative, Passive Mindset: Direct, Active Mindset: Generalist
Goals: Browse Goals: Search Goals: Conﬁgure
Need: Inspiration Need: Information Need: Direction

Introduction

What is the strategy?
• Business Strategy: Showcase the breadth and depth
of the editorial travel content.


Basics of Interaction Design & Strategy Fall 2012

Basics of Interaction Design & Strategy Fall 2012

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (7)

Similaire à Basics of Interaction Design & Strategy Fall 2012

Similaire à Basics of Interaction Design & Strategy Fall 2012 (20)

Dernier

Dernier (20)

Basics of Interaction Design & Strategy Fall 2012