THE PATH TO CREATING MEMORABLE MOBILE EXPERIENCES Building a mobile app isn’t easy. Regardless of chosen platform or technology creating a memorable mobile experience has some pretty intense challenges throughout. However if you can get it right it can have some incredible rewards and propel your brand in more ways than one. After spending ten years building mobile apps for some of the biggest companies in the world, author and mobile designer Brian Fling shares his six rules for building amazing apps that will either you get you started or improve upon your next release.

1. 6
1.
Rules for Designing
Amazing Apps
Brian Fling @fling
4.
2. 5.
3. 6.

2. great mobile design is
not made in Photoshop
MADE WITH LOVE IN SEATTLE BY

3. “We could build the best mobile app
ever made, but if our customers don’t
know why it’s good, then it could be is
great mobile design
not made in Photoshop
the worst app ever made.
—Scott Dierdorf
@sdierdorf
MADE WITH LOVE IN SEATTLE BY

4. The Puget Sound Region

5. The Puget Sound Region

19. mobiledesign.org

21. “[Brian] states making a native
application can be the best thing for a
product, but confirms on the other
hand that the mobile web is the only
long term commercially viable
content platform for mobile devices
—Thibault Imbert

22. MADE WITH LOVE IN SEATTLE BY

24. MADE WITH LOVE IN SEATTLE BY

25. MADE WITH LOVE IN SEATTLE BY

26. Ancient Greek Technology

27. Ancient Greek Technology
STREETS CARTOGRAPHY CALIPER CRANE
ESCAPEMENT TUMBLER_LOCK GEARS
PLUMBING SPIRAL_STAIRCASE
URBAN_PLANNING CROSSBOW WINCH
WHEELBARROW SHOWERS
CENTRAL_HEATING LIGHTHOUSE
ALARM_CLOCK CHAIN_DRIVE CANNON
LEVERS WATER_MILL GIMBAL DRY_DOCK
ANALOG_COMPUTERS FIRE_HOSE
VENDING_MACHINE WIND_VANE
CLOCK_TOWER AUTOMATIC_DOORS

28. MADE WITH LOVE IN SEATTLE BY

29. POLITICAL_PHILOSOPHY
ETHICS METAPHYSICS
ONTOLOGY LOGIC
BIOLOGY RHETORIC
& AESTHETICS

31. “Greek philosophy has
shaped the entire
Western thought since
its inception.”

34. MADE WITH LOVE IN SEATTLE BY

41. Some Innovations from the Roman Empire

42. Some Innovations from the Roman Empire
ABACUS AMPHITHEATER AQUEDUCT ARCH
BOOK BRASS BRIDGE CAMEOS CAST_IRON
CEMENT CRANE DAM DOME LOOM
FLAMETHROWER GLASS BLOWING
HAND_SOAP HYDRAULICS HYDROMETER
KNIFE LIGHTHOUSES LEATHER MILLS
STEAM_ENGINE NEWSPAPER ODOMETER
PADDLE_WHEEL PEWTER POTTERY
REAPER SAILS RUDDER SAUSAGE SEWERS
SPIRAL_STAIRCASE STENOGRAPHY
STREET_MAPS SURGICAL_INSTRUMENTS

47. MADE WITH LOVE IN SEATTLE BY

49. MADE WITH LOVE IN SEATTLE BY

50. MADE WITH LOVE IN SEATTLE BY

51. MADE WITH LOVE IN SEATTLE BY

53. MADE WITH LOVE IN SEATTLE BY

56. “In an economy where the only certainty is
uncertainty, the one source of lasting
competitive advantage is knowledge. When
markets shift, technologies proliferate, and
products become obsolete almost overnight,
successful companies are those that
consistently create new knowledge,
disseminate it widely throughout the
organization and quickly embody it in new
technologies and products”

59. 1970 1980 1990 2000 2010 2020
computing mainframe pc’s mobility ubiquity
network 1G 2G 2.5G 3G 4G
internet IPv4 IPv6
devices brick candybar feature touch
web academia dot-com web 2.0 next
MADE WITH LOVE IN SEATTLE BY

62. MADE WITH LOVE IN SEATTLE BY

65. MADE WITH LOVE IN SEATTLE BY

67. 61.
#1
Rules for Designing
Amazing Apps
Brian Fling @fling
UNDERSTAND THE MEDIUM
Get to know the differences between
mobile and other mediums.
2. GET YOUR DATA DIALED
4. DESIGN FOR INTERACTION
A gift for pixel perfection and psych degree
can come in handy.
5. FOCUS ON THE DETAILS
Data is the new content, and it comes from Small screens don’t make things easier. They
everywhere. make things a lot harder.
3. BE A MASTER OF CONTEXT 6. ALLOW AMPLE TIME
Dive into context, it is the easiest way to It takes a lot longer than you might think.
level up to awesomeness.

68. mobile design is an
entirely new breed
of design.
MADE WITH LOVE IN SEATTLE BY

69. Phones are
about making
the most of
the moment,
simple tasks,
& context.

70. MADE WITH LOVE IN SEATTLE BY

71. MADE WITH LOVE IN SEATTLE BY

72. think of your app as a
great book.
MADE WITH LOVE IN SEATTLE BY

73. think of your app as a
great book.
with a clear beginning, middle and end
MADE WITH LOVE IN SEATTLE BY

76. Tablets are
about focus,
consumption,
simple tasks
& portability.

82. ‣ Platform Aesthetic

83. ‣ Platform Aesthetic
‣ Many Resolutions

84. ‣ Platform Aesthetic
‣ Many Resolutions
‣ Pixels per Inch

85. ‣ Platform Aesthetic
‣ Many Resolutions
‣ Pixels per Inch
‣ Orientation

86. ‣ Platform Aesthetic
‣ Many Resolutions
‣ Pixels per Inch
‣ Orientation
‣ Design Grids

87. ‣ Platform Aesthetic
‣ Many Resolutions
‣ Pixels per Inch
‣ Orientation
‣ Design Grids
‣ Perspective

88. ‣ Platform Aesthetic
‣ Many Resolutions
‣ Pixels per Inch
‣ Orientation
‣ Design Grids
‣ Perspective
‣ Dimension

89. ‣ Platform Aesthetic ‣ Interactions
‣ Many Resolutions
‣ Pixels per Inch
‣ Orientation
‣ Design Grids
‣ Perspective
‣ Dimension

90. ‣ Platform Aesthetic ‣ Interactions
‣ Many Resolutions ‣ Motion
‣ Pixels per Inch
‣ Orientation
‣ Design Grids
‣ Perspective
‣ Dimension

91. ‣ Platform Aesthetic ‣ Interactions
‣ Many Resolutions ‣ Motion
‣ Pixels per Inch ‣ Transitions
‣ Orientation
‣ Design Grids
‣ Perspective
‣ Dimension

92. ‣ Platform Aesthetic ‣ Interactions
‣ Many Resolutions ‣ Motion
‣ Pixels per Inch ‣ Transitions
‣ Orientation ‣ Color
‣ Design Grids
‣ Perspective
‣ Dimension

93. ‣ Platform Aesthetic ‣ Interactions
‣ Many Resolutions ‣ Motion
‣ Pixels per Inch ‣ Transitions
‣ Orientation ‣ Color
‣ Design Grids ‣ Typography
‣ Perspective
‣ Dimension

94. ‣ Platform Aesthetic ‣ Interactions
‣ Many Resolutions ‣ Motion
‣ Pixels per Inch ‣ Transitions
‣ Orientation ‣ Color
‣ Design Grids ‣ Typography
‣ Perspective ‣ Iconography
‣ Dimension

96. p/z universal

97. p/z universal
build a website that provided the best
possible experience to the context.

98. p/z universal
build a website that provided the best
possible experience to the context.
iPad
magazine

99. p/z universal
build a website that provided the best
possible experience to the context.
iPad iPhone
magazine web app

100. p/z universal
build a website that provided the best
possible experience to the context.
iPad iPhone Desktop
magazine web app website

101. MADE WITH LOVE IN SEATTLE BY

103. 1x HTML5 Markup

104. 1x HTML5 Markup
1x Hexadecimal CSS Framework

105. 1x HTML5 Markup
1x Hexadecimal CSS Framework
1x Typography Framework

106. 1x HTML5 Markup
1x Hexadecimal CSS Framework
1x Typography Framework
3x Javascript Frameworks

107. 1x HTML5 Markup
1x Hexadecimal CSS Framework
1x Typography Framework
3x Javascript Frameworks
12x Media-Query-based Layouts

108. a hexadecimal what?

109. the hex-grid
Typically when using a grid
web designers are typically
only using vertical units.

110. the hex-grid
but in mobile design, we must use
horizontal units as well. this
means that any unit size must
work vertically as well as
horizontally.

112. 6
1. UNDERSTAND THE MEDIUM
#2.
Rules for Designing
Amazing Apps
Brian Fling @fling
Get to know the differences between
mobile and other mediums.
4. DESIGN FOR INTERACTION
A gift for pixel perfection and psych degree
can come in handy.
5. FOCUS ON THE DETAILS
2 GET YOUR DATA DIALED
Data is the new content, and it comes from Small screens don’t make things easier. They
everywhere. make things a lot harder.
3. BE A MASTER OF CONTEXT 6. ALLOW AMPLE TIME
Dive into context, it is the easiest way to It takes a lot longer than you might think.
level up to awesomeness.

113. 1 out of 3 projects
go sideways because of
BAD DATA
MADE WITH LOVE IN SEATTLE BY

115. MADE WITH LOVE IN SEATTLE BY

120. Content is Data
and there is no
Design without Data

121. Content is Data
and there is no
Design without Data

122. Creating Amazing Experiences for all Mobile Devices
CLIENT
Automatic Data Processing
PROJECTS
ADP iPhone App, Mobile Web App, Content Proxy
SERVICES Screenshot
Concept, Strategy, Design & Development
DESCRIPTION
Placeholder
We designed and developed an application for ADP customers to
complete common tasks related to HR, payroll, and benefits in a
mobile context.
This document contains confidential information and is provided for private review only. Do not distribute without permission.

124. “A new form of Web
content that is
meaningful to computers
will unleash a revolution
of new possibilities.”

129. MADE WITH LOVE IN SEATTLE BY

131. 6
1. UNDERSTAND THE MEDIUM
Rules for Designing
Amazing Apps
Brian Fling @fling
Get to know the differences between
mobile and other mediums.
2. GET YOUR DATA DIALED
4. DESIGN FOR INTERACTION
A gift for pixel perfection and psych degree
can come in handy.
5. FOCUS ON THE DETAILS
Data is the new content, and it comes from Small screens don’t make things easier. They
everywhere. make things a lot harder.
#3.
3 BE A MASTER OF CONTEXT 6. ALLOW AMPLE TIME
Dive into context, it is the easiest way to It takes a lot longer than you might think.
level up to awesomeness.

132. JARGON ALERT
Context
The circumstances that form
the setting for an event,
statement, or idea, and in
terms of which it can be fully
understood and assessed.

133. context adds
meaning to data
MADE WITH LOVE IN SEATTLE BY

135. Radio TV
Live Billboard
ry
Vi
to
su
di
al
Au
Word of Print Ad
Mouth
Kinesthetic
Mobile Events
Device
QR

136. WAP
Bluetooth
Radio TV
SMS
SMS
Live Billboard
WAP
ry
Vi
to
MMS
su
di
al
Au
QR Cod
Word of Print Ad
Mouth
SMS
Kinesthetic
SMS
WAP Mobile Events
Device
QR Code
Website
MMS

137. WAP
Discuss IVR
SMS Buy
SMS
IVR
Notify Send to
Friend
WAP
Bluetooth
Radio TV
Send to
Friend Notify
SMS
SMS
Live Billboard
d to B
nd
WAP
ry
Vi
to
MMS
su
di
a
Au
l
W
QR Code
Word of Print Ad
Mouth
SMS
ify
Kinesthetic No
SMS
WAP Mobile Events
Buy Device Send to
Friend
QR Code
Website
MMS
Join
Notify
SMS
SMS
Email
WAP Site
MMS WAP Site

138. Join Down
Notify load
Vote Vote
Down
load Notify
WAP
Discuss IVR
SMS Buy
SMS
IVR
Notify Send to
Friend
WAP
Bluetooth
Radio TV
Send to
Friend Notify
SMS
SMS
Live Billboard
Send to Buy
Friend
WAP
ry
Vi
to
MMS
su
di
al
Au
Join WAP Site
QR Code
Word of Print Ad
Mouth
SMS
Notify
Kinesthetic Notify
SMS
WAP Mobile Events
Buy Device Send to
Friend
QR Code
Website
MMS
Join
Notify
SMS
SMS
Email
WAP Site
MMS WAP Site
SMS
Send to
Friend Send to
Friend
Notify
Notify
Post WAP Site
Send to
Friend

139. types of context
Big Ideas
Location
Device
State of Mind

144. types of context
Big Ideas
Location
Device
State of Mind

146. types of context
Big Ideas
Location
Device
State of Mind

149. types of context
Big Ideas
Location
Device
State of Mind

151. always add value to the
users context*
MADE WITH LOVE IN SEATTLE BY

152. always add value to the
users context*
*Doing so requires a little Psych 101
MADE WITH LOVE IN SEATTLE BY

153. 6 Rules for Designing
Amazing Apps
Brian Fling @fling
1. UNDERSTAND THE MEDIUM
Get to know the differences between
mobile and other mediums.
2. GET YOUR DATA DIALED
#4.
4 DESIGN FOR INTERACTION
A gift for pixel perfection and psych degree
can come in handy.
5. FOCUS ON THE DETAILS
Data is the new content, and it comes from Small screens don’t make things easier. They
everywhere. make things a lot harder.
3. BE A MASTER OF CONTEXT 6. ALLOW AMPLE TIME
Dive into context, it is the easiest way to It takes a lot longer than you might think.
level up to awesomeness.

156. interactions evoke
strong feelings
MADE WITH LOVE IN SEATTLE BY

158. MEDIUM
(Mobile)

159. CONTEXT
MEDIUM
(Mobile)

160. CONTEXT
MEDIUM
(Mobile)
INTERACTION

161. The Elements of User Experience Jesse James Garrett
jjg@jjg.net
A basic duality: The Web was originally conceived as a hypertextual information space; 30 March 2000
but the development of increasingly sophisticated front- and back-end technologies has
fostered its use as a remote software interface. This dual nature has led to much confusion,
as user experience practitioners have attempted to adapt their terminology to cases beyond
the scope of its original application. The goal of this document is to define some of these
terms within their appropriate contexts, and to clarify the underlying relationships among
these various elements.
Web as software interface Concrete Completion Web as hypertext system
Visual Design: visual treatment of text,
Visual Design: graphic treatment of interface
elements (the "look" in "look-and-feel") Visual Design graphic page elements and navigational
components
Interface Design: as in traditional HCI: Navigation Design: design of interface
design of interface elements to facilitate elements to facilitate the user's movement
user interaction with functionality
Interface Design Navigation Design through the information architecture
Information Design: in the Tuftean sense:
designing the presentation of information Information Design Information Design: in the Tuftean sense:
designing the presentation of information
to facilitate understanding to facilitate understanding
Interaction Design: development of Interaction Information Information Architecture: structural design
time
application flows to facilitate user tasks,
defining how the user interacts with
Design Architecture of the information space to facilitate
intuitive access to content
site functionality
Functional Specifications: "feature set":
detailed descriptions of functionality the site
Functional Content Content Requirements: definition of
content elements required in the site
must include in order to meet user needs Specifications Requirements in order to meet user needs
User Needs: externally derived goals User Needs: externally derived goals
for the site; identified through user research,
ethno/techno/psychographics, etc. User Needs for the site; identified through user research,
ethno/techno/psychographics, etc.
Site Objectives: business, creative, or other
internally derived goals for the site Site Objectives Site Objectives: business, creative, or other
internally derived goals for the site
task-oriented Abstract Conception information-oriented
This picture is incomplete: The model outlined here does not account for secondary considerations (such as those arising during technical or content development)
that may influence decisions during user experience development. Also, this model does not describe a development process, nor does it define roles within a
user experience development team. Rather, it seeks to define the key considerations that go into the development of user experience on the Web today.
© 2000 Jesse James Garrett http://www.jjg.net/ia/

162. Completion Web as hypertext system
Visual Design: visual treatment of text,
Visual Design graphic page elements and navigational
components
Navigation Design: design of interface
elements to facilitate the user's movement
rface Design Navigation Design through the information architecture
rmation Design Information Design: in the Tuftean sense:
designing the presentation of information
to facilitate understanding
eraction Information time
Information Architecture: structural design
ign Architecture of the information space to facilitate
intuitive access to content
nctional Content Content Requirements: definition of
content elements required in the site
cations Requirements in order to meet user needs
User Needs: externally derived goals
User Needs for the site; identified through user research,
ethno/techno/psychographics, etc.
ite Objectives Site Objectives: business, creative, or other
internally derived goals for the site
Conception information-oriented

163. Web as software interface Concrete
Visual Design: graphic treatment of interface
elements (the "look" in "look-and-feel") Visual Desig
Interface Design: as in traditional HCI:
design of interface elements to facilitate
user interaction with functionality
Interface Design Nav
Information Design: in the Tuftean sense:
designing the presentation of information Information Desi
to facilitate understanding
Interaction Design: development of Interaction Inf
application flows to facilitate user tasks,
defining how the user interacts with
Design Archit
site functionality
Functional Specifications: "feature set":
detailed descriptions of functionality the site
Functional C
must include in order to meet user needs Specifications Requir
User Needs: externally derived goals
for the site; identified through user research,
ethno/techno/psychographics, etc. User Nee
Site Objectives: business, creative, or other
internally derived goals for the site Site Objectives
task-oriented Abstract

164. JARGON ALERT
Needs
The circumstances in which
something is necessary, or that
require some course of action.

165. Abraham Harold Maslow
(April 1, 1908 – June 8, 1970)
was an American psychologist.
He is noted for his concept-
ualization of a "hierarchy of
human needs", and is
considered the founder of
humanistic psychology.

171. CONTEXT
MEDIUM
(Mobile)
INTERACTION

172. ?
CONTEXT
MEDIUM
(Mobile)
INTERACTION

177. JARGON ALERT
Skeuomorph
A derivative object that
retains ornamental design
cues to a structure that was
necessary in the original.

178. http://www.flickr.com/photos/youraccount/sets/72157619967702538/with/3642814120/

186. great interactions
evoke feelings
MADE WITH LOVE IN SEATTLE BY

189. “Unlike personality, attitudes
are expected to change as a
function of experience.”

191. Affect

192. Affect
The emotional response that expresses an
individual's degree of preference for an entity.

193. Affect
Behavior

194. Affect
Behavior
The verbal indication or typical behavioral
tendency of an individual.

195. Affect
Behavior
Cognition

196. Affect
Behavior
Cognition
The evaluation of the entity that constitutes an
individual's beliefs about the object.

200. 6 Rules for Designing
Amazing Apps
Brian Fling @fling
1. UNDERSTAND THE MEDIUM
Get to know the differences between
mobile and other mediums.
2. GET YOUR DATA DIALED
4. DESIGN FOR INTERACTION
#5.
5
A gift for pixel perfection and psych degree
can come in handy.
FOCUS ON THE DETAILS
Data is the new content, and it comes from 1. Small screens don’t make things easier. They
everywhere. make things a lot harder.
3. BE A MASTER OF CONTEXT 6. ALLOW AMPLE TIME
Dive into context, it is the easiest way to It takes a lot longer than you might think.
level up to awesomeness.

201. details matter
MADE WITH LOVE IN SEATTLE BY

209. design @ 1600%
MADE WITH LOVE IN SEATTLE BY

213. 6x Navigation & Toolbars

214. 6x Navigation & Toolbars
3x Alerts & Modals

215. 6x Navigation & Toolbars
3x Alerts & Modals
26x Types of Views

216. 6x Navigation & Toolbars
3x Alerts & Modals
26x Types of Views
15x View Controls

217. 6x Navigation & Toolbars
3x Alerts & Modals
26x Types of Views
15x View Controls
13x Application Controls

218. 6x Navigation & Toolbars
3x Alerts & Modals
26x Types of Views
15x View Controls
13x Application Controls
9x Animations & Transitions

220. 6 Rules for Designing
Amazing Apps
Brian Fling @fling
1. UNDERSTAND THE MEDIUM
Get to know the differences between
mobile and other mediums.
2. GET YOUR DATA DIALED
4. DESIGN FOR INTERACTION
A gift for pixel perfection and psych degree
can come in handy.
5. FOCUS ON THE DETAILS
Data is the new content, and it comes from Small screens don’t make things easier. They
everywhere. make things a lot harder.
3. BE A MASTER OF CONTEXT #6.
6 ALLOW AMPLE TIME
Dive into context, it is the easiest way to It takes a lot longer than you might think.
level up to awesomeness.

221. there are few tools
or processes that
suit mobile
MADE WITH LOVE IN SEATTLE BY

222. DESIGNERS DEVELOPERS

223. Planning Interactions Design Integration Development Testing Fixes Deployment
DESIGNERS DEVELOPERS

224. Planning Interactions Design Integration Development Testing Fixes Deployment
DESIGNERS DEVELOPERS

225. Planning Interactions Design Integration Development Testing Fixes Deployment
DESIGNERS DEVELOPERS

226. Planning Interactions Design Integration Development Testing Fixes Deployment
DESIGNERS DEVELOPERS

227. Planning Interactions Design Integration Development Testing Fixes Deployment
DESIGNERS DEVELOPERS

228. Planning Interactions Design Integration Development Testing Fixes Deployment
DESIGNERS DEVELOPERS

229. Planning Interactions Design Integration Development Testing Fixes Deployment
DESIGNERS DEVELOPERS

230. Planning Interactions Design Integration Development Testing Fixes Deployment
DESIGNERS DEVELOPERS

231. Planning Interactions Design Integration Development Testing Fixes Deployment
DESIGNERS DEVELOPERS

235. Mobile Design is Web Design

236. Mobile Design is Web Design

238. Mobile Design is Software Design

239. Mobile Design is Software Design

240. A Fully Agile Agency
From Start to Finish
This document contains confidential information and is provided for private review only. Do not distribute without permission.

241. This document contains confidential information and is provided for private review only. Do not distribute without permission.

242. This document contains confidential information and is provided for private review only. Do not distribute without permission.

243. Process

244. Define
Process

245. Define Data
Process

246. Define Data Interaction
Process

247. Define Data Interaction Design
Process

248. Deliverables
Define Data Interaction Design
Process

249. Deliverables
Project Brief
Define Data Interaction Design
Process

250. Journeys
Deliverables
Project Brief
Define Data Interaction Design
Process

251. Context Map
Journeys
Deliverables
Project Brief
Define Data Interaction Design
Process

252. Context Map
Journeys
Deliverables
Project Brief Content Audit
Define Data Interaction Design
Process

253. Context Map
Journeys API Audit
Deliverables
Project Brief Content Audit
Define Data Interaction Design
Process

254. Context Map Data Modeling
Journeys API Audit
Deliverables
Project Brief Content Audit
Define Data Interaction Design
Process

255. App Flow
Context Map Data Modeling
Journeys API Audit
Deliverables
Project Brief Content Audit
Define Data Interaction Design
Process

256. App Flow
Context Map Data Modeling
Journeys API Audit
Deliverables
Project Brief Screen
Content Audit Descriptions
Define Data Interaction Design
Process

257. App Flow
Context Map Data Modeling
Journeys API Audit Zone Diagrams
Deliverables
Project Brief Screen
Content Audit Descriptions
Define Data Interaction Design
Process

258. App Flow
Context Map Data Modeling App Map
Journeys API Audit Zone Diagrams
Deliverables
Project Brief Screen
Content Audit Descriptions
Define Data Interaction Design
Process

259. App Flow Reference
Design
Context Map Data Modeling App Map
Journeys API Audit Zone Diagrams
Deliverables
Project Brief Screen
Content Audit Descriptions
Define Data Interaction Design
Process

260. App Flow Reference
Design
Context Map Data Modeling App Map
Journeys API Audit Zone Diagrams
Deliverables
Project Brief Screen
Content Audit Design Brief
Descriptions
Define Data Interaction Design
Process

261. App Flow Reference
Design
Context Map Data Modeling App Map
Journeys API Audit Zone Diagrams Wireframes
Deliverables
Project Brief Screen
Content Audit Design Brief
Descriptions
Define Data Interaction Design
Process

262. App Flow Reference
Design
Context Map Data Modeling Design
App Map
Direction
Journeys API Audit Zone Diagrams Wireframes
Deliverables
Project Brief Screen
Content Audit Design Brief
Descriptions
Define Data Interaction Design
Process

263. App Flow Reference
Design Comps
Design
Context Map Data Modeling Design
App Map
Direction
Journeys API Audit Zone Diagrams Wireframes
Deliverables
Project Brief Screen
Content Audit Design Brief
Descriptions
Define Data Interaction Design
Process

264. Asset Library
App Flow Reference
Design Comps
Design
Context Map Data Modeling Design
App Map
Direction
Journeys API Audit Zone Diagrams Wireframes
Deliverables
Project Brief Screen
Content Audit Design Brief
Descriptions
Define Data Interaction Design
Process

265. 6 Rules for Designing
Amazing Apps
Brian Fling @fling
1. UNDERSTAND THE MEDIUM
Get to know the differences between
mobile and other mediums.
2. GET YOUR DATA DIALED
4. DESIGN FOR INTERACTION
A gift for pixel perfection and psych degree
can come in handy.
5. FOCUS ON THE DETAILS
Data is the new content, and it comes from Small screens don’t make things easier. They
everywhere. make things a lot harder.
3. BE A MASTER OF CONTEXT 6. ALLOW AMPLE TIME
Dive into context, it is the easiest way to It takes a lot longer than you might think.
level up to awesomeness.

274. EHARMONY
HOME v1

275. EHARMONY
HOME v2

276. EHARMONY
HOME v3

277. EHARMONY
HOME v4

278. EHARMONY
HOME v5

279. EHARMONY
HOME v6

280. Get in Touch
THANK YOU Find Out How We Can Help You.
My name is Brian Fling and Brian Fling
I’m a Mobile Designer Founder & Creative Director
brian@pinchzoom.com
+1 206 351-6060
twitter.com/fling
book mobiledesign.org
company pinchzoom.com
blog pinchzoom.com/fling