Real Estate Issues Layout for Mobile App Design

Real Estate Issues Layout for Mobile App Design by Will Luers please open chrome and the i. OS simulator

is the mobile device a new form or a mashup and remediation of established forms

constraint of the frame = form

the viewport = the rectangular viewing region a remediation of movies and book

movies landscape books portrait

constraints of mobile layout: screen resolution & screen orientation portrait landscape desktop/laptop http: //resizemybrowser. com/ 1536 × 2048 / 2048 × 1536 (i. Pad with Retina display) ?

responsive design the website scales to different device widths and orientations How? - ems and % (flexible layout) - different stylesheets - media queries http: //hicksdesign. co. uk/journal

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 http: //www. informationarchitects. jp/en/ipad-scroll-or-card/

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 + scroll http: //m. discoverthetarkine. com. au/#homepage http: //automobiles. honda. com/mobile/

the possibilities of the “infinite canvas” 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 Mc. Cloud http: //scottmccloud. com/4 -inventions/canvas/

Chris Ware’s New Yorker insert

“touching stories” (ipad app) http: //itunes. apple. com/us/app/touching-stories/id 376922506? mt=8&ign-mpt=uo%3 D 4