December 2, 2009 at 01:3115 examples of a good mobile website
- Transfer
15 examples of a good mobile website
We have selected 15 examples of the right websites for mobile devices. The number of mobile device users exceeds the number of users connecting from their computers, and it is clear that mobility is the future.
Surprisingly, there are very few sites on the network that have mobile versions. Although some large sites have such versions, but this is not the norm - most sites today are not designed for mobile devices.
The design of mobile sites varies from very simple text to rich using graphics. Today, most mobile devices can work with high-speed Internet, correctly process HTML, JavaScript and sites with AJAX-technology.
We expect the speedy development of mobile websites, and after it the quality of sites and their interactivity will increase.
Today, there is a tendency to create simple mobile websites for mobile phones, and more saturated for the iPhone. I hope this trend will also change very soon, since even older phone models can display HTML well, and their number is many times greater than the iPhone - the question begs: why not create mobile sites that meet the requirements of most devices.
What makes a good mobile website a really good mobile website?
1) Compatibility.
The site should display normally in the most common screens. The most popular today is the size of 240x320. Sizes larger, such as 480x320 (iPhone), are becoming increasingly popular, as new models of devices with large displays and large resolutions appear. If you are developing a site for mobile devices, make sure that the site is correctly displayed on screens of the most popular sizes.
The site must support xhtml. Try to avoid using JavaScript, but if necessary, do not use it in critical elements such as navigation and links.
2) Content should be optimized.
Pictures should be reduced in size, both in dimensions and in kilobytes, so that they load quickly and correspond to most popular screen sizes.
3) Usability
The site should be easy to use. Many mobile sites use such navigation that website orientation turns into a nightmare.
4) Good design.
Design is very important. A good mobile design should not only look good, but should not seem cramped. Navigation should be simple, and the site should load quickly.
Examples: Digg http://m.digg.com/ Simple design - looks good and loads quickly. A good example of website design with rich content, where space is used rationally. They even found a place to advertise!
Brightkite Brightkite http://i.brightkite.com A great example of using a popular design using color and space. The clever use of small icons to enliven the design and large navigation links. Taptu Taptu http://www.taptu.mobi/ Simple design, great easy navigation. A good example of using thumbnails in screen deficit. YellowPages YellowPages http://m.yellowpages.com/ The excellent use of color to revitalize design and brand promotion. Good use of space. Amazon.com http://www.amazon.com/gp/aw/h.html A simple design that will appear on most popular devices.
Mailchimp
http://m.mailchimp.com/
Interface using graphics. Large, clear navigation with a well-balanced design. Viget http://i.viget.com/ A good example of a site with rich content and at the same time with a non-restrictive design. Bank of America http://bofa.mobi/ Good design, clear navigation. Facebook Facebook http://m.facebook.com/ Probably the site with the richest user interface. A great example of a site with rich content, good usability, loads quickly and looks good. There’s nothing even to improve! Singlehop Singlehop http://singlehop.mobi/
Great design, a great example of administrative management for mobile devices, the site loads quickly and appears on most devices. Coosh http://coosh.com/iphone/ Design designed only for the iPhone, but is a prime example of a mixture of rich design and usability. Webdesigner Depot http://m.webdesignerdepot.com/ Content is displayed in most browsers, pages are easy to read and there is no sense of constraint. Matt Bango http://mattbangophotography.mobify.me Proper use of color, space and large photographs. NikeLab http://www.nike.com/nikelab/i/app.html#e n_GB / home
The site is made for iPhone users. A great example with a rich user interface. Flickr Flickr http://m.flickr.com/ A great example of an interactive mobile website. Large text and input fields work well. One of the best examples of how to show a large amount of information and not create a feeling of crowding. Translation of " 15 Beautiful Examples of Mobile Website Design Done Right "
We have selected 15 examples of the right websites for mobile devices. The number of mobile device users exceeds the number of users connecting from their computers, and it is clear that mobility is the future.
Surprisingly, there are very few sites on the network that have mobile versions. Although some large sites have such versions, but this is not the norm - most sites today are not designed for mobile devices.
The design of mobile sites varies from very simple text to rich using graphics. Today, most mobile devices can work with high-speed Internet, correctly process HTML, JavaScript and sites with AJAX-technology.
We expect the speedy development of mobile websites, and after it the quality of sites and their interactivity will increase.
Today, there is a tendency to create simple mobile websites for mobile phones, and more saturated for the iPhone. I hope this trend will also change very soon, since even older phone models can display HTML well, and their number is many times greater than the iPhone - the question begs: why not create mobile sites that meet the requirements of most devices.
What makes a good mobile website a really good mobile website?
1) Compatibility.
The site should display normally in the most common screens. The most popular today is the size of 240x320. Sizes larger, such as 480x320 (iPhone), are becoming increasingly popular, as new models of devices with large displays and large resolutions appear. If you are developing a site for mobile devices, make sure that the site is correctly displayed on screens of the most popular sizes.
The site must support xhtml. Try to avoid using JavaScript, but if necessary, do not use it in critical elements such as navigation and links.
2) Content should be optimized.
Pictures should be reduced in size, both in dimensions and in kilobytes, so that they load quickly and correspond to most popular screen sizes.
3) Usability
The site should be easy to use. Many mobile sites use such navigation that website orientation turns into a nightmare.
4) Good design.
Design is very important. A good mobile design should not only look good, but should not seem cramped. Navigation should be simple, and the site should load quickly.
Examples: Digg http://m.digg.com/ Simple design - looks good and loads quickly. A good example of website design with rich content, where space is used rationally. They even found a place to advertise!
Brightkite Brightkite http://i.brightkite.com A great example of using a popular design using color and space. The clever use of small icons to enliven the design and large navigation links. Taptu Taptu http://www.taptu.mobi/ Simple design, great easy navigation. A good example of using thumbnails in screen deficit. YellowPages YellowPages http://m.yellowpages.com/ The excellent use of color to revitalize design and brand promotion. Good use of space. Amazon.com http://www.amazon.com/gp/aw/h.html A simple design that will appear on most popular devices.
Mailchimp
http://m.mailchimp.com/
Interface using graphics. Large, clear navigation with a well-balanced design. Viget http://i.viget.com/ A good example of a site with rich content and at the same time with a non-restrictive design. Bank of America http://bofa.mobi/ Good design, clear navigation. Facebook Facebook http://m.facebook.com/ Probably the site with the richest user interface. A great example of a site with rich content, good usability, loads quickly and looks good. There’s nothing even to improve! Singlehop Singlehop http://singlehop.mobi/
Great design, a great example of administrative management for mobile devices, the site loads quickly and appears on most devices. Coosh http://coosh.com/iphone/ Design designed only for the iPhone, but is a prime example of a mixture of rich design and usability. Webdesigner Depot http://m.webdesignerdepot.com/ Content is displayed in most browsers, pages are easy to read and there is no sense of constraint. Matt Bango http://mattbangophotography.mobify.me Proper use of color, space and large photographs. NikeLab http://www.nike.com/nikelab/i/app.html#e n_GB / home
The site is made for iPhone users. A great example with a rich user interface. Flickr Flickr http://m.flickr.com/ A great example of an interactive mobile website. Large text and input fields work well. One of the best examples of how to show a large amount of information and not create a feeling of crowding. Translation of " 15 Beautiful Examples of Mobile Website Design Done Right "