Mobile Web Design Tips

1
Mobile Web Design Tips
2
Decide On The Screen Resolution

• The mobile world contains a rich variation of
  design considerations from different screen sizes
  and resolution to a variety of shapes.
• Aim to strike a balance between sufficient
  screen width and audience size.

3
Break Up Web Pages Into Small Portions

• Lengthy sections of text can be hard to read so
  placing them on several pages limits the
  scrolling to one direction.
• Get rid of low priority content.
• Stick to a single column of text that wraps so
  theres no horizontal scrolling.

4
Simplify The Design

• Simplicity equates to usability. Let them move
  around the site with no difficulty.
• Avoid the inclusion of tables, frames and other
  formatting.

5
Option To View The Full Website

• Provide a link for your mobile visitors to
  switch back to your full website for the user to
  find and view the other content and features
  thats only accessible to the desktop version of
  the site.

6
Navigation Placement

• Get to know your audience and be aware of what
  they are looking for. Find out how they will want
  to navigate your site.
• Position your navigation menu below the content
  if your targeted mobile users want to see
  changing content quickly.
• The content and headline needs to be visible
  first to not get in the way of viewing the page
  content.

7
Use Text Links

• Your main website may employ whizzy fly-out
  menus, rollovers or other fancy gadgetry, but a
  mobile browser will likely not. Be aware that
  dynamic page elements and graphical links consume
  resources, so opt for well-labelled text links.

8
Make A Distinction Between The Selected Link

• Moving the cursor down will scroll the page and
  highlights the links all at once. So, its
  important to clearly advice the user what item is
  in focus. This can be done by changing the font
  and background colour of links and buttons or by
  simply adding some padding around links to make
  the clickable area larger 

9
No Pops Or Refreshes

• Mobile browsers do not normally support pop-ups.
  And if they did, theyd have very narrow space to
  pop into.
• Stay away from using them to avoid unpredictable
  results.
• Dont have pages refreshing periodically to avoid
  filling the device limited memory. Let the user
  refresh the content.

10
Reduce User Text Entry

• It is hard to input text in mobile versions of
  web sites. Replace with radio buttons or list
  instead so they can opt from what they need with
  ease.

Ref http//www.hongkiat.com/blog/mobile-web-desig
n/
11

• For professional mobile website designing go for
  Red Spot Design which is 1source for Mobile
  Website Design in Dallas and Fort Worth

12
Contact Us

• Address
• Red Spot Design
• 3010 LBJ Freeway, Suite 1200
• Dallas, TX 75234
• Phone
• 888-636-1344
• Websitehttp//www.redspotdesign.com