2 Design Techniques that Look Good on PC’s, but not Mobile Phones

Having a website that displays well on a mobile device and your PC is becoming increasingly more important.  According to http://www.nonprofitmarketingguide.com by 2013, more visitors will be using mobile devices to access websites than will be using PC’s.

The big difference is both simple and profound.  A typical desktop and larger laptop can easily hold a design that is 1024 pixels (14 inches) wide.  A large cell phone has a maximum screen width of about 6 inches.   When a mobile phone displays a website design it has two choices, make the display smaller or smash the design.

When the design uses fixed widths, as was common a few years ago and is common in many free templates, the phone has to make the text smaller to fit on the screen.  If the reading are of the site is too wide, then the user may have zoom in to read the site.  Then they have to use the scroll bars constantly to read the page.

A better design divides the content into floating sections labeled as “div tags.”  These content areas can change their width according to the screen width.  However, if the design uses many color transition effects that are designed to be a set height or specific background images, the graphic design can get distorted on a smaller screen.

The best website designs of the future will focus on one of two choices.

  • Use a very simple and clean look that can flexibly change sizes
  • Develop a different design for mobile devices.  (The site would be programmed to automatically choose the right site based on the browser coming to the site.)

This is the Comments File

Comments are closed.

    Please come back when we have finished our re-branding and have republished this site