Download to read offline
Uploaded byBrooke Peterson
2 design best practices dubai 2015
The document discusses best practices for designing websites and mobile sites. It notes that people read websites 25% slower than printed pages due to the F-shaped reading pattern common on screens. It emphasizes starting with a mobile site in mind using responsive design and prioritizing key information, navigation, and graphics. Photos and videos are recommended to engage users but should be optimized for quick loading.
More Related Content
![Web+Design+Guide[1]](https://cdn.slidesharecdn.com/ss_thumbnails/webdesignguide1-1230191289527276-2-thumbnail.jpg?width=640&height=640&fit=bounds)
![Ardilla[1]](https://cdn.slidesharecdn.com/ss_thumbnails/ardilla1-110502231917-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to 2 design best practices dubai 2015
2 design best practices dubai 2015
- 1.
- 2. www.finalsite.com Connect with Us /finalsite@finalsite @finalsite Join the conversation using #finalsite or #finalsitewsw Questions & Feedback: events@finalsite.com www.finalsite.com
- 3. www.finalsite.com How do people read the web? • They don’t. • 25% slower than a printed page.
- 4. www.finalsite.com Design F-‐shaped paAern (Nielsen, 2006) the most common way to consume content on the Web. User eye movement
- 5. www.finalsite.com Group Project If the average user spends 7 seconds on a page. First words come to you when see these sites.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14. www.finalsite.com Mobile Start with your mobile site in mind
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22. www.finalsite.com Group Project • The three-‐click rule or three click rule is an unofficial web design rule concerning the design of website naviga.on. It suggests that a user of a website should be able to find any informa.on with no more than three mouse clicks. It is based on the belief that users of a site will become frustrated and oVen leave if they cannot find the informa.on within the three clicks.
- 23.
- 24.
- 25.
- 26.
- 27. www.finalsite.com Portal Page Type ApplebyCollege Portal page type with custom content in page content 1
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37. www.finalsite.com • Interac.ve map • Online campus tours (given by students) • Video • Facebook feeds
- 38.
- 39.
- 40.
- 41.
- 42.
- 43. www.finalsite.com Photos • Convey your message with photos. Size and save for web correctly • Photos of people and ac.vity are usually beAer than school buildings
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55. www.finalsite.com Photos Some Specs – 72dpi – 1024 px wide = Matches the display size of the slideshow player • Best quality – 72 dpi – 1920 px wide = Matches the size of the full size image when viewed at full screen
- 56.
- 57.
- 58.
- 59.