220 likes | 243 Views
Explore innovative strategies for mobile real estate app design, incorporating responsive layouts and user-friendly interfaces to enhance the browsing experience. Learn about constraints, orientation considerations, and the use of scroll vs. swipe models. Discover the power of the "infinite canvas" concept and its potential to revolutionize mobile design.
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