1 / 22

Mobile Real Estate Design: Maximizing Layout for User Engagement

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.

farley
Download Presentation

Mobile Real Estate Design: Maximizing Layout for User Engagement

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

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

  3. constraint of the frame = form

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

  5. movies books landscape portrait

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

  7. 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

  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-dimensionaltime

  11. the horizontal canvas can introduce emptyspace

  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. scrolling vs. swiping on touch screen http://www.informationarchitects.jp/en/ipad-scroll-or-card/

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

  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 andfixed content

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

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

  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

More Related