We think you have liked this presentation. If you wish to download it, please recommend it to your friends in any social system. Share buttons are a little bit lower. Thank you!
Presentation is loading. Please wait.
Published byBryan Dobkin
Modified over 4 years ago
1 © NOKIA 2005 Virpi Roto Browsing on Mobile Phones Customer Focused Mobile Services Workshop in WWW 2005 conference May 10 th, 2005 Virpi Roto Senior Usability Specialist, Browsing Nokia Research Center, Finland
2 © NOKIA 2005 Virpi Roto Why this topic? Browsing on mobile phones will increase Faster connection Less expensive Better display Better interaction mechanisms Links in emails Full Web access drives mobile-friendly content Use cases different from a desktop
3 © NOKIA 2005 Virpi Roto 3 layers, holistic usability
4 © NOKIA 2005 Virpi Roto Web pages on small devices Keyhole view problems: Hard to know what is on this page Hard to find the target content Wide texts unreadable on small screens
5 © NOKIA 2005 Virpi Roto Zoom out? Miniature page: +Better understanding on whats there -Text too small to read when rows fit the screen width -Zooming either requires a dedicated key or a mode -In optimal case, you should be able to zoom & scroll at the same time, which is hard on a limited device
6 © NOKIA 2005 Virpi Roto Maybe just new packaging? ;o)
7 © NOKIA 2005 Virpi Roto Narrow layout? Narrow layout: De facto Web viewing method 2005 on small screens +Wide texts readable -Wide images squeezed to tiny ones, impossible to interpret -Data tables ruined -Hard to know where the needed content is -Huge scrolling effort -Top content looks the same -> Déjà vu
8 © NOKIA 2005 Virpi Roto Similar top content problem in Narrow layout I do it again I should have scrolled down to see the change and again! Nothing seems to have changed
9 © NOKIA 2005 Virpi Roto Better information visualization methods needed for Web pages on Mobile Phones A modified original layout
10 © NOKIA 2005 Virpi Roto Guidelines for Web authors 1.Avoid large objects that need to be visible at one glance 2.Avoid using small text in images 3.Keep the pages light To keep a Web site content mobile phone friendly
11 © NOKIA 2005 Virpi Roto Thank You! firstname.lastname@example.org
Coding a Responsive HTML
WEB BASED DEVICE INDEPENDENT MOBILE MAP APPLICATIONS. THE m-CHARTIS SYSTEM John GarofalakisTheofanis – Aristofanis MichailAthanasios Plessas Nowadays people.
Webmasters Workshop Walt Howe Delphi.com Forums. Bells & Whistles?
Copyright © 2010 Verizon Foundation. All Rights Reserved. This document may be reproduced and distributed solely for uses that are both (a) educational.
Copyright © 2011 Verizon Foundation. All Rights Reserved. This document may be reproduced and distributed solely for uses that are both (a) educational.
RESPONSIVE AND MOBILE DESIGN BY: CHRIS PASQUARETTE APRIL, 2013.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 7 Key Concepts 1 Copyright © Terry Felke-Morris.
Layouts Using Tables Web Design – Section 4-5 Part or all of this lesson was adapted from the University of Washingtons Web Design & Development I Course.
IT Accessibility Committee Accessible Tables Prepared by the NYS Forum IT Accessibility Committee
Web Page Design Using Tables Here you see three examples of how tables can be used to organize your content. We call this page layout or design. You can.
Zinio Library Patron Setup Step-By-Step September 2012.
NEW EBRARY READER OVERVIEW July The new ebrary Reader Built entirely with user input – Student researchers worked with us to perfect the Reader.
Web Design Principles 5th Edition
PRIORITIZING WEB USABILITY. Introduction How the Book Study Was Conducted Tested 69 users ages Broad range of job backgrounds and web experience.
Designing e-Portfolio Website ( Part 3 ) Lan Vu. Overview Some techniques in web design Demo on creating & designing website What make a good website.
CSE2MA Multimedia Authoring Semester 2, 2011 Web Page Design Week 2.
HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
Small Displays Nicole Arksey Information Visualization December 5, 2005 My new kitty, Erwin.
© 2018 SlidePlayer.com Inc. All rights reserved.