220 likes | 239 Views
Real Estate Issues. Layout for Mobile App Design. by Will Luers. please open chrome and the iOS 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.
E N D
Real Estate Issues Layout for Mobile App Design • by Will Luers please open chrome and the iOS simulator
is the mobile device a new form or a mashup and remediation of established forms
the viewport = the rectangular viewing region a remediation of movies and book
movies books landscape portrait
constraints of mobile layout: screen resolution & screen orientation portrait landscape desktop/laptop http://resizemybrowser.com/ 1536 × 2048 / 2048 × 1536 (iPad 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-dimensionaltime
the horizontal canvas can introduce emptyspace
most mobile phone apps favor portrait mode and one idea in depth
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-formstorytelling - 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 andfixed 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 McCloud http://scottmccloud.com/4-inventions/canvas/
“touching stories” (ipad app) http://itunes.apple.com/us/app/touching-stories/id376922506?mt=8&ign-mpt=uo%3D4