15 good mobile website examples
15 good mobile website examples
We selected 15 examples of valid mobile web sites. The number of users of mobile devices exceeds the number of users connecting from their computers, and it is clear that the future is mobility.
Surprisingly, there are very few sites on the web 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 with graphics. Today, most mobile devices can work with high-speed Internet, correctly handle HTML, JavaScript and sites with AJAX-technologies.
We expect the rapid development of mobile websites, and after him the quality of the sites and their interactivity will increase.
To date, there is a tendency to create uncomplicated mobile websites for mobile phones, and more saturated for the iPhone. I hope this trend will also change very soon, as even older phone models can perfectly display HTML, and their number many times exceeds the iPhone - this begs the question: why not create mobile sites that meet the requirements of most devices.
What makes a good mobile web site a really good mobile web site?
1) Compatibility.
The site should normally display in the most common screens. The most popular today is the size 240x320. Sizes larger, like 480x320 (iPhone), are becoming more and more popular as new models of devices appear with larger displays and higher resolutions. If you are developing a site for mobile devices, make sure that the site is correctly displayed on the screens of the most popular sizes.
The site must support xhtml. Try to avoid using javascript, but if you have to - do not use it in critical elements, such as navigation and links.
2) Content must be optimized.
Pictures should be reduced in size, both in size and in kilobytes, in order for them to load quickly and fit most popular screen sizes.
3) Usability
The site should be convenient to use. Many mobile sites use this kind of navigation, which makes website orientation 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 easy, and the site should load quickly.
Examples:
Digg
http://m.digg.com/
Simple design - looks good and loads quickly. A good example of site design with rich content, where space is rationally used. They even found a place to advertise!
Brightkite
Brightkite
http://i.brightkite.com
A great example of using popular design using color and space. Clever use of small icons to revitalize a design and large navigation links.
Taptu
')
Taptu
http://www.taptu.mobi/
Simple design, great easy navigation. A good example of the use of thumbnails with the lack of a screen
Yellowpages
Yellowpages
http://m.yellowpages.com/
Great 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 be displayed 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 an unobtrusive 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. Nothing even to improve!
Singlehop
Singlehop
http://singlehop.mobi/
Great design, a great example of admin control for mobile devices, the site loads quickly and displays on most devices.
Coosh
http://coosh.com/iphone/
Designed for the iPhone only, it is a prime example of blending rich design and usability.
Webdesigner Depot
http://m.webdesignerdepot.com/
The content is displayed in most browsers, the pages are easy to read and there is no feeling of constraint.
Matt bango
http://mattbangophotography.mobify.me
Proper use of color, space and large photos.
NikeLab
http://www.nike.com/nikelab/i/app.html#e<wbr /> 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 tightness.
Translation of the article " 15 Beautiful Examples of Mobile Website Design Done Right "
We selected 15 examples of valid mobile web sites. The number of users of mobile devices exceeds the number of users connecting from their computers, and it is clear that the future is mobility.
Surprisingly, there are very few sites on the web 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 with graphics. Today, most mobile devices can work with high-speed Internet, correctly handle HTML, JavaScript and sites with AJAX-technologies.
We expect the rapid development of mobile websites, and after him the quality of the sites and their interactivity will increase.
To date, there is a tendency to create uncomplicated mobile websites for mobile phones, and more saturated for the iPhone. I hope this trend will also change very soon, as even older phone models can perfectly display HTML, and their number many times exceeds the iPhone - this begs the question: why not create mobile sites that meet the requirements of most devices.
What makes a good mobile web site a really good mobile web site?
1) Compatibility.
The site should normally display in the most common screens. The most popular today is the size 240x320. Sizes larger, like 480x320 (iPhone), are becoming more and more popular as new models of devices appear with larger displays and higher resolutions. If you are developing a site for mobile devices, make sure that the site is correctly displayed on the screens of the most popular sizes.
The site must support xhtml. Try to avoid using javascript, but if you have to - do not use it in critical elements, such as navigation and links.
2) Content must be optimized.
Pictures should be reduced in size, both in size and in kilobytes, in order for them to load quickly and fit most popular screen sizes.
3) Usability
The site should be convenient to use. Many mobile sites use this kind of navigation, which makes website orientation 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 easy, and the site should load quickly.
Examples:
Digg
http://m.digg.com/
Simple design - looks good and loads quickly. A good example of site design with rich content, where space is rationally used. They even found a place to advertise!
Brightkite
Brightkite
http://i.brightkite.com
A great example of using popular design using color and space. Clever use of small icons to revitalize a design and large navigation links.
Taptu
')
Taptu
http://www.taptu.mobi/
Simple design, great easy navigation. A good example of the use of thumbnails with the lack of a screen
Yellowpages
Yellowpages
http://m.yellowpages.com/
Great 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 be displayed 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 an unobtrusive design.
Bank of America
http://bofa.mobi/
Good design, clear navigation.
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. Nothing even to improve!
Singlehop
Singlehop
http://singlehop.mobi/
Great design, a great example of admin control for mobile devices, the site loads quickly and displays on most devices.
Coosh
http://coosh.com/iphone/
Designed for the iPhone only, it is a prime example of blending rich design and usability.
Webdesigner Depot
http://m.webdesignerdepot.com/
The content is displayed in most browsers, the pages are easy to read and there is no feeling of constraint.
Matt bango
http://mattbangophotography.mobify.me
Proper use of color, space and large photos.
NikeLab
http://www.nike.com/nikelab/i/app.html#e<wbr /> 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 tightness.
Translation of the article " 15 Beautiful Examples of Mobile Website Design Done Right "
Source: https://habr.com/ru/post/76976/
All Articles