real estate issues by will luers please open chrome and the ios simulator layout for mobile app...

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