Design for Mobile Web   4 comments

Keep the design for mobile web as simple as possible. Users are be able to surf the mobile web just as they do on their desktop and laptop computers, hundreds of millions of others will still he using smart phones with tiny screens and limited bandwidth and navigation. On the mobile web, minimalism is essential because screen size is small, users may pay for bandwidth by the megabyte, and navigation is likely to be more difficult.

-Streamline the menu system.

-Reduce or eliminate graphics, especially those used in navigation.

-Scale back text and break it over multiple pages.

-Eliminate Flash and javascript design exclusively in plain HTML and XHTML using CSS (cascading style sheets ).

-Avoid pop-ups, which can be unpredictable on mobile platforms .

-Think small. Mobile phone screen sizes and dimensions vary from 320 x 48 0 down to 128 x 160 pixels.

Use Mobile theme: In your content management system (CMS), use one set of CSSes for your main website and a separate set for your mobile website. Plug-ins are available for most opensource  CMSes, including WordPress and Joomla, that can help mobilize your site with a separate mobile theme. These plug-ins can detect when a mobile browser is accessing the  site and choose the minimalist CSS to display the site.

Vertical scrolling: Limit page width so that users do not need to scroll horizontally to view content. Users should be able to view everything on a page by scrolling up and down.

Touchscreen navigation: Make options la rger and increase the “clickable” space around them to facilitate touchscreen navigation. This makes the options eas ier to select on non-touchscreen mobile devices, as well.

Maintain consistency with your main website: Design your mobile site with a familiar appearance and navigation so that users of your main website can transition more smoothly between the main and mobile site. Make sure users can access their favorite information and features using recognizable links.

Advertisements

4 responses to “Design for Mobile Web

Subscribe to comments with RSS.

  1. This piece of writing concerning Search engine marketing is truly pleasant one, and the back links are truly very useful to promote your site, its also known as Web optimization.

  2. TyqsnB teitrgtlxgqc, [url=http://yutsotftrrme.com/]yutsotftrrme[/url], [link=http://eneaazlhwjwv.com/]eneaazlhwjwv[/link], http://maejrrwqssup.com/

  3. vgdsbs

  4. My brother suggested I might like this web site. He was once totally right. This post truly made my day. You cann’t imagine simply how a lot time I had spent for this information! Thanks! Cheers from France!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: