Responsive & Mobile Design

desktop-01.jpg

Web designers need to be able to design for both web browser and mobile screens. Designers need to have successful designs and content needs to be sized down as the screens gets smaller. There are many ways designers can be successful.

One way designers can be successful is making sure the forms on the website are simple and easy to follow. The design of the form should be short and concise. A second example is a user should easily be able to find an object he or she is searching for on the site. The last successful tip for designers is to have few items listed on the navigation. The more items listed on the navigation, the more confusing the site will be.

All websites, either on the computer or mobile screen, should be responsive. Images on the site should be resizable when adjusting the screen. The website layout should be flexible when being adjusted.

The desktop computer screen works just as well as a mobile screen but you may not always be near a computer. Having a mobile phone is more reliable than a computer. You can view websites on your cellular device almost instantly. A computer, on the other hand, can be easily accessed but it can be a challenge to carry it on your personal. Despite, having more access to websites on your mobile phone, a desktop screen can hold more detail. Websites viewed on computers can visualize more information than mobile phones. Either way both devices can depict adjustable sites.

Under Armour’s website is one example of a responsive website.

Barnes & Noble is an example of a mobile website.

 

 

 

 

Sources used:

http://blog.hubspot.com/marketing/9-mobile-web-design-principles#sm.0000ciw1krwledr4syz1d2tbe6vn6

https://www.smashingmagazine.com/2011/01/guidelines-for-responsive-web-design/

http://www.computerhope.com/issues/ch001398.htm

 

 

Advertisements

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 )

Google+ photo

You are commenting using your Google+ 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 )

w

Connecting to %s