Transcript Presentation_Slides_Song_Yang

Mobile Website Design
Song Yang
The Mobile Web refers to the use of Internetconnected applications, or browser-based
access to the Internet from a mobile device such as a smartphone
Mobile Web
Limitations
Small screen size
Difficult to see text and graphics dependent on the standard size
of a desktop screen
Lack of windows
Only one page can be displayed at a time
Navigation
Limited flexibility in navigation, especially for devices without
touch screens
Flash or JavaScript
Not all mobile devices support Flash or JavaScript
So...
Companies have developed mobile versions
for their websites
Optimization for Mobile
Websites
Simplify Navigation
Shrink Content
Limit Scrolling to One Direction
Minimize the Use of Image
Minimize Text Entry
Use Plain (X)HTML/CSS
Simplify Navigation
Navigation is prominent and central
Navigation is trimmed down to focus on only
the most critical elements
Shrink Content
Not just shrink the same text from the full
version of site down into mobile version
Too much information for limited space
Only include the most important content or
features.
Task-oriented
Quick to load
Limit Scrolling to One
Direction
Scrolling in multiple directions is annoying and
difficult
We try to avoid it when using a standard browser
It is easy to scroll the wrong way when using a touchscreen
device
Single column layout
Use up the whole width of the screen
Minimize the Use of
Image
Use only necessary images
Logo, icons
Images related to the content
Excessive use of images often does more
harm than good
Slow down loading speed
The size of the screens can make many images difficult to see
Minimize Text Entry
Entering text onto websites using mobile
devices is much more difficult than using a
desktop or laptop keyboard
Typing with mobile keyboard is slow
More errors are made
Ways to reduce the amount of text entry
Providing radio buttons and lists for users to choose from
Use Plain (X)HTML/CSS
Make sure all the important information and
functionality on your mobile website is in plain
(X)HTML/CSS.
Not all mobile devices support Flash or JavaScript
Reduce the risk that users are unable to access important content
Conclusion
Today, some mobile website design rules are
introduced. By following these rules, mobile
websites will give people better user
experience
Thank you for your
patience