Download - Growing Up a Desktop App in a Mobile World
![Page 1: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/1.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
Future Insights LIVEGrowing Up a Desktop App in a Mobile World
Monday, May 6, 13
![Page 2: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/2.jpg)
Uni
vers
al M
ind™
:)-Erik Loehfelm
EVP of User Experience, Universal Mind
www.universalmind.com
Monday, May 6, 13
![Page 3: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/3.jpg)
Uni
vers
al M
ind™
Let’s talk about apps...
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 4: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/4.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 5: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/5.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 6: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/6.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 7: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/7.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 8: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/8.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 9: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/9.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 10: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/10.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 11: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/11.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 12: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/12.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
how to catch up?
Monday, May 6, 13
![Page 13: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/13.jpg)
Uni
vers
al M
ind™
people.
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 14: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/14.jpg)
Uni
vers
al M
ind™
focus on context.
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 15: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/15.jpg)
Uni
vers
al M
ind™
focus on context.
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 16: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/16.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
focus on content.
Monday, May 6, 13
![Page 17: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/17.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
content is KEY!contextually relevant content is KEY-ER!!
Monday, May 6, 13
![Page 18: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/18.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
...which brings us back to people.Understand user’s needs and you’ll understand what they need in their individual context
Monday, May 6, 13
![Page 19: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/19.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
sidebar... SoLoMo!The integration of social networks with inherent mobile location features
Monday, May 6, 13
![Page 20: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/20.jpg)
Uni
vers
al M
ind™
So
Lo Mo
Monday, May 6, 13
![Page 21: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/21.jpg)
Uni
vers
al M
ind™
where do I start?
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 22: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/22.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
start with people.
Monday, May 6, 13
![Page 23: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/23.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
watch and learn.
Monday, May 6, 13
![Page 24: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/24.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
quietly observe.
Monday, May 6, 13
![Page 25: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/25.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
macro / micro
Monday, May 6, 13
![Page 26: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/26.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
macro (forest).
Monday, May 6, 13
![Page 27: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/27.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
1. understand people, content and context
Monday, May 6, 13
![Page 28: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/28.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
2. document their journey
Monday, May 6, 13
![Page 29: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/29.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
3. wireframes
Monday, May 6, 13
![Page 30: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/30.jpg)
Uni
vers
al M
ind™
bullshit... kinda’!• Agile UX could / should be the goal but...• ‘Don’t fly a plane without wings.’• Opportunity for ‘cornering’ and ‘redo’ is great at this stage• “Any fidelity wireframe is the right fidelity wireframe.”• Communication tool
Monday, May 6, 13
![Page 31: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/31.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
wireframe techniques
Monday, May 6, 13
![Page 32: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/32.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
Doug Chiang
Monday, May 6, 13
![Page 33: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/33.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 34: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/34.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 35: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/35.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 36: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/36.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 37: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/37.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 38: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/38.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 39: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/39.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 40: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/40.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 41: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/41.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 42: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/42.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 43: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/43.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 44: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/44.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 45: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/45.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
4. graphic and interaction design
Monday, May 6, 13
![Page 46: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/46.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
5. prototypes
Monday, May 6, 13
![Page 47: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/47.jpg)
Uni
vers
al M
ind™
fluidui.comEXCELLENT on-device wireframe and prototyping tool!
Monday, May 6, 13
![Page 48: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/48.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 49: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/49.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 50: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/50.jpg)
Uni
vers
al M
ind™
screen shots of fluid
Monday, May 6, 13
![Page 51: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/51.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
6. test and iterate!
Monday, May 6, 13
![Page 52: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/52.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
things to consider with this macro perspective:• research is your friend• analytics are your friend• hardware specific features, might not be your friend• many delivery options
Monday, May 6, 13
![Page 53: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/53.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
delivery options:• Mobile Web vs. Desktop Web• Responsive Web vs. Mobile Web• Web App vs. Native App• Wrapped Web vs. Native App
Monday, May 6, 13
![Page 54: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/54.jpg)
Uni
vers
al M
ind™
rich functionality
basic functionality
chea
pexpensive
Mobile Web
Desktop Web
inflexible flexible
Responsive Web
Web App
Native App
Wrapped Web
Monday, May 6, 13
![Page 55: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/55.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 56: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/56.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
micro (tree).
Monday, May 6, 13
![Page 57: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/57.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
stories about people
Monday, May 6, 13
![Page 58: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/58.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
content for mobilityMUST be contextually relevant!
Monday, May 6, 13
![Page 59: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/59.jpg)
Uni
vers
al M
ind™
mobile≠desktop
Monday, May 6, 13
![Page 60: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/60.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
how?web to mobile techniques to consider:1. Graceful Degredation...2. Progressive Enhancement...
1. Adaptive Design2. Responsive Design
Monday, May 6, 13
![Page 61: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/61.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
1. graceful degredation• popular based on needs• ‘backward’ approach (?)• work in a responsive manner
Monday, May 6, 13
![Page 62: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/62.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
2. progressive enhancement• build up an experience from the baseline• work in an responsive manner• target sizes (and content) not devices*
Monday, May 6, 13
![Page 63: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/63.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 64: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/64.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
Responsive inside-out:patterns, content and art direction.
Monday, May 6, 13
![Page 65: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/65.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
Francisco InchausteCreative Director, Universal Mindhttp://www.getfinch.com/@iamfinchSmashing Magazine
Monday, May 6, 13
![Page 66: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/66.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
navigation patterns
Monday, May 6, 13
![Page 67: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/67.jpg)
Uni
vers
al M
ind™
accordion nav
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 68: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/68.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 69: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/69.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
sliding nav
Monday, May 6, 13
![Page 70: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/70.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 71: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/71.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
section nav
Monday, May 6, 13
![Page 72: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/72.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 73: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/73.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
off-canvas nav
Monday, May 6, 13
![Page 74: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/74.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 75: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/75.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
content patterns
Monday, May 6, 13
![Page 76: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/76.jpg)
Uni
vers
al M
ind™
Mostly Fluid
Column Drop
Images courtesy www.lukew.com
Monday, May 6, 13
![Page 77: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/77.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 78: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/78.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 79: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/79.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 80: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/80.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
content evaluation
Monday, May 6, 13
![Page 81: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/81.jpg)
Uni
vers
al M
ind™
1
2
3
5
4
6
7
8
9
10
11
12
1314
15
2 3 5 64
7 8
9 10
11 12 13
15
14
1
2
Monday, May 6, 13
![Page 82: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/82.jpg)
Uni
vers
al M
ind™
2 3 5 64
7 8
9 10
11 12 13
15
14
1
21
15
2
7-10
11
812
13
Monday, May 6, 13
![Page 83: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/83.jpg)
Uni
vers
al M
ind™
2 3 5 64
7 8
9 10
11 12 13
15
14
1
21
15
2-6
7
14
11
8
12
9
13
10
Monday, May 6, 13
![Page 84: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/84.jpg)
Uni
vers
al M
ind™ Desktop - “Bird’s Eye View” of Adobe content
Products Creative Cloud Photoshop CS6
Navigation/Promotional Image supporting content Content
Monday, May 6, 13
![Page 85: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/85.jpg)
Uni
vers
al M
ind™
Products Creative Cloud Photoshop CS6
Navigation/Promotional Image supporting content Content
Monday, May 6, 13
![Page 86: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/86.jpg)
Uni
vers
al M
ind™
Products Photoshop CS6
Navigation/Promotional Image supporting content Content
Monday, May 6, 13
![Page 87: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/87.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
art direction
Monday, May 6, 13
![Page 88: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/88.jpg)
Uni
vers
al M
ind™
VS
Monday, May 6, 13
![Page 89: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/89.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 90: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/90.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
take aways:• Web to mobile content is not one-to-one• Web to mobile art direction is not one-to-one• Define and leverage design patterns
Monday, May 6, 13
![Page 91: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/91.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 92: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/92.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 93: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/93.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 94: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/94.jpg)
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 95: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/95.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
Monday, May 6, 13
![Page 96: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/96.jpg)
Uni
vers
al M
ind™
Uni
vers
al M
ind™
take aways:• Design challenge is big... tech challenge not as big• Focus on users• Focus on context• Focus on content• Responsive from the inside out• Test, and iterate!
Monday, May 6, 13
![Page 97: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/97.jpg)
Uni
vers
al M
ind™
:)-Erik Loehfelm
Exec VP of User Experience, Universal Mind
www.universalmind.com
Monday, May 6, 13
![Page 98: Growing Up a Desktop App in a Mobile World](https://reader037.vdocuments.site/reader037/viewer/2022110306/554ba093b4c905b3618b4a18/html5/thumbnails/98.jpg)
Uni
vers
al M
ind™
We just won a Webby!
Monday, May 6, 13