real estate issues by will luers please open chrome and the ios simulator layout for mobile app...
TRANSCRIPT
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