Presentation is loading. Please wait.

Presentation is loading. Please wait.

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

Similar presentations


Presentation on theme: "Real Estate Issues by Will Luers please open chrome and the iOS simulator Layout for Mobile App Design."— Presentation transcript:

1 Real Estate Issues by Will Luers please open chrome and the iOS simulator Layout for Mobile App Design

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

3 constraint of the frame = form

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

5 moviesbooks landscapeportrait

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

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

8 the big layout questions for mobile app design... - portrait or landscape? - scroll or swipe? - single or multiple columns? - white (empty) space?

9 landscape = multiple portrait = singular but...

10 the vertical canvas can introduce multi-dimensional time

11 the horizontal canvas can introduce empty space

12 most mobile phone apps favor portrait mode and one idea in depth

13 vertical layout = one idea in depth

14 dual-orientation on the ipad

15 card model: scroll model:

16 http://www.informationarchitects.jp/en/ipad-scroll-or-card/ scrolling vs. swiping on touch screen

17 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/

18 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

19 integration of swipe + scroll http://m.discoverthetarkine.com.au/#homepagehttp://automobiles.honda.com/mobile/

20 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/

21 Chris Ware’s New Yorker insert

22 “touching stories” (ipad app) http://itunes.apple.com/us/app/touching-stories/id376922506?mt=8&ign-mpt=uo%3D4


Download ppt "Real Estate Issues by Will Luers please open chrome and the iOS simulator Layout for Mobile App Design."

Similar presentations


Ads by Google