Download presentation
Presentation is loading. Please wait.
Published byAmanda Palmer Modified over 9 years ago
1
Real Estate Issues by Will Luers please open chrome and the iOS simulator Layout for Mobile App Design
2
is the mobile device a new form or a mashup and remediation of established forms
3
constraint of the frame = form
4
a remediation of movies and book the viewport = the rectangular viewing region
5
moviesbooks landscapeportrait
6
http://resizemybrowser.com/ constraints of mobile layout: screen resolution & screen orientation portrait landscapedesktop/laptop 1536 × 2048 / 2048 × 1536 (iPad with Retina display) ?
7
responsive design the website scales to different device widths and orientations http://hicksdesign.co.uk/journal - ems and % (flexible layout) - different stylesheets - media queries How?
8
the big layout questions for mobile app design... - portrait or landscape? - scroll or swipe? - single or multiple columns? - white (empty) space?
9
landscape = multiple portrait = singular but...
10
the vertical canvas can introduce multi-dimensional time
11
the horizontal canvas can introduce empty space
12
most mobile phone apps favor portrait mode and one idea in depth
13
vertical layout = one idea in depth
14
dual-orientation on the ipad
15
card model: scroll model:
16
http://www.informationarchitects.jp/en/ipad-scroll-or-card/ scrolling vs. swiping on touch screen
17
the scroll model works for... - multi-dimensional flow - alternation of text and image - short-form storytelling - scalable content - dynamic content http://lostworldsfairs.com/atlantis/ http://www.nikebetterworld.com/
18
The card model works for... - linear and one-dimensional flow - simultaneity (image and text) - moving image (games and movies) - long-form storytelling - device control (native apps) - structural and fixed content
19
integration of swipe + scroll http://m.discoverthetarkine.com.au/#homepagehttp://automobiles.honda.com/mobile/
20
The "infinite canvas" is a challenge to think big; a series of design strategies based on treating the screen as a window rather than a page. -Scott McCloud the possibilities of the “infinite canvas” http://scottmccloud.com/4-inventions/canvas/
21
Chris Ware’s New Yorker insert
22
“touching stories” (ipad app) http://itunes.apple.com/us/app/touching-stories/id376922506?mt=8&ign-mpt=uo%3D4
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.