The document discusses the growing need for responsive web design as more people access websites from mobile devices. It provides examples of both good and bad mobile websites, noting that the best sites like Gatorade.com are easy to navigate on touchscreens but still need improvements. The document recommends responsive design that allows websites to stretch and resize based on the viewing device in order to reach consumers on any platform.
2. Proposal Improvement
Responsive Web Design
Growing number of people searching from mobile
devices.
New mindset when it comes to website architecture
and web development techniques.
3. “Making web content available to a wide audience
regardless of physical abilities, web clients, and personal
preferences.”
-Chad Swaney, Senior Instructional Designer at Amazon
4. The Good, bad and Ugly
The following example show websites that have
not use the Responsive Website Design.
Bad Ugl
y
Good
5. http://universalpictures.mobi/snowwhite
The Good: Right off the bat, the exceptional visual design is
evident.
The Bad: At times, the animated transitions that make the site so
fun to use would slow and hiccup before proceeding to the next
section.
The Ugly: As it stands, the site was obviously developed
exclusively for the iPhone.
6. m.gatorade.com
The Good: Gatorade’s mobile website is all about
high-quality visuals and touch/swipe navigation
The Bad: Swipe actions sometimes are
misinterpreted and either go the wrong direction
or don’t move the page at all.
The Ugly: Another site that was designed
exclusively for the iPhone.
9. Summary
Cupcake business are growing and website need to be able
to reach the consumer anywhere.
Responsive Web Design is the key for delivery your website to
a mobile or Tablet .
The abilities to take your website and stretch plus resize with
the browser being use to access the websign.
10. Reference
"ip"ipad-penetration.png." http://txt4ever.files.wordpress.com. N.p., n.d. Web. 1 May 2013.
<txt4ever.files.wordpress.com/2012/02/ipad-penetration.png>.ad-penetration.png."
http://txt4ever.files.wordpress.com. N.p., n.d. Web. 1 May 2013. <txt4ever.files.wordpress.com/2012/02/ipad-
penetration.png>.
"Impact Media Using Responsive Web Design as Smartphone and Tablet Use Grows - Yahoo! News." Yahoo! News -
Latest News & Headlines. N.p., n.d. Web. 5 May 2013. <http://news.yahoo.com/impact-media-using-responsive-
design-smartphone-tablet-grows-120221951.html>.
"How To Make Your Website More Accessible | JUST™ Creative." JUST™ Creative - Graphic Designer, Logo & Brand
Identity Specialist. N.p., n.d. Web. 5 May 2013. <http://justcreative.com/2008/07/18/how-to-make-your-website-more-
accessible/>.
" Why Conventional Sites Don’t Work For Mobile : Mobile Websites That Work." Mobile Websites That Work. N.p., n.d.
Web. 5 May 2013. <http://www.gottagetamobilewebsite.com/why-conventional-sites-dont-work-for-mobile/>.
"Screenshot_2012-04-27-11-24-321.png." http://blog.trilibis.com/wp-content/uploads/2012. N.p., n.d. Web. 1 May 2013.
<blog.trilibis.com/wp-content/uploads/2012/04/Screenshot_2012-04-27-11-24-321.png>.
Bank of America. (n.d.). Bank of America. Retrieved May 1, 2013, from BofA.mobile
NIKE, Inc.— Inspiration and Innovation for Every Athlete in the World.. (n.d.). NIKE, Inc.— Inspiration and Innovation for
Every Athlete in the World.. Retrieved May 5, 2013, from
Notas do Editor
Welcome, To my presentation for PB&G a cupcake company that is look for idea for gain more clients online.
My proposal for the webdesign is to provide a more responsive web design for gaining more clients. Many web design companies are using a more open mind way of ensuring that all clients are accessible.
As you can see from the chart…ipad is the biggest way of communicate and accessing companies more and more. US being the growing industry.
The following example will show how some website have fail to bring company into the mobile and tablet world.
Universal Picture Snow White is perfect example of what not to do and what to do. The good side of the site great graphic and perfect for iphone. The touch elements aren’t always recognized causing a frustration to consumers. The more ugly part of the site is that items are missing when view on mobile and in window the elements are invisible.
Gatorade provided a good navigation system but has limitation in the swipe action and a ugly part of the website that again it was more cater to iphone forgetting other system.
Bank of American mobile app is an example of good mobile application. The navigation work perfectly like the website with a couple of change that don’t frustration the consumer.
Another site that would work on a iphone perfectly and unlike other application this site work on all phone.
A website that design that work for all device will gain more clients and more value for the money.