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

moviesbooks landscapeportrait

constraints of mobile layout: screen resolution & screen orientation portrait landscapedesktop/laptop 1536 × 2048 / 2048 × 1536 (iPad with Retina display) ?

responsive design the website scales to different device widths and orientations - 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:

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

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 + scroll

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”

Chris Ware’s New Yorker insert

“touching stories” (ipad app)