Upload
amanda-palmer
View
215
Download
0
Tags:
Embed Size (px)
Citation preview
Real Estate Issues
by Will Luers
please open chrome and the iOS simulator
Layout for Mobile App Design
is the mobile device a new form
or a mashup and remediation of
established forms
constraint of the frame = form
a remediation of movies and
book
the viewport = the rectangular viewing region
movies books
landscape portrait
http://resizemybrowser.com/
constraints of mobile layout:screen resolution & screen
orientation
portrait landscape desktop/laptop
1536 × 2048 / 2048 × 1536 (iPad with Retina display) ?
responsive designthe website scales to different device widthsand orientations
http://hicksdesign.co.uk/journal
- ems and % (flexible layout)- different stylesheets - media queries
How?
the big layout questions for mobile
app design...- portrait or landscape?- scroll or swipe?- single or multiple columns?- white (empty) space?
landscape = multiple
portrait = singular
but...
the vertical canvas can introduce multi-dimensional time
the horizontal canvas can
introduce empty space
most mobile phone apps favor portrait mode and one idea in
depth
vertical layout = one idea in depth
dual-orientation on the ipad
card model:
scroll model:
http://www.informationarchitects.jp/en/ipad-scroll-or-card/
scrolling vs. swiping on touch screen
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/
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
integration of swipe + scrollhttp://m.discoverthetarkine.com.au/#homepage http://automobiles.honda.com/mobile/
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/
Chris Ware’s New Yorker insert
“touching stories” (ipad app)
http://itunes.apple.com/us/app/touching-stories/id376922506?mt=8&ign-mpt=uo%3D4