Frederick ward mobile presentation
Upcoming SlideShare
Loading in...5
×
 

Frederick ward mobile presentation

on

  • 155 views

How to invade the mobile field

How to invade the mobile field

Statistics

Views

Total Views
155
Views on SlideShare
155
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Well Mirai-Chan, that a good question, there is more people now on mobile devices than every before Mirai, with tablets not far behind. a) “Including devices such as the Kindle, the iPhone and other smartphones, web-enabled tablets, GPS systems, video games and wireless home appliances, the growth of the mobile web has been exponential — and we're still just at the beginning of this cycle. Morgan Stanley's analysts believe that, based on the current rate of change and adoption, the mobile web will be bigger than desktop Internet use by 2015.”
  • Well Mirai-Chan not all Mobile devices support CSS3 sites (Cascading Style Sheets ), b) ”The problem is — you guessed it — not all devices support CSS3. So you may have to resort to using server-side device detection (e.g. HTTP headers to sniff out the user agent) or using JavaScript (e.g. modifying the DOM to rescale your layouts). But again, some devices might not support these techniques.”So there are a few thing that impact's web design another is redirect mobile users to mobile version of the site. So everything fits.
  • A good question, a few are c) “Mobify allows you to create a mobile version of your website through an intuitive and user-friendly graphical user interface (GUI).” “mobiReady - This tool will test your site for dotMobi compliance and W3C mobileOK compliance, sets of mobile website standards that ensure an optimal and accessible mobile-site user experience.”
  • d) One Example of a bad website Is Hardee's, you have to input zip code, has zero brand appeal, anemic content, tiny orange-on-red links, and an odd emphasis on nutritional information. Another is Johns Hopkins, non thumb click-able, ugly, hard to read, hard to understand, just over all a bad site.
  • f) Huffington Post, “One friend noted that they keep going back to HuffPo because the mobile site has done a good job of paring down information”. g) Everlance “Another e-commerce site that doesn’t overwhelm the customer. The scroll through of different “looks” on each product is seamless.” Both sites offer strip down options that don't try to crowd the screen of the mobile device, they put the viewer in control.
  • f) Well Mirai-Chan it should be Consistency meaning that each site provide the same tools and features for browsing and filtering across all devices, Firfox, chrome, iphone, andriod, etc. Does the picture look good on the firefox desktop as well a firefoxiphone, in most case no so does the site have different pictures for mobile only?
  • f) Use space Intuitively: Focus the visitor’s attention on the most influential and important elements, but don’t overwhelm them with a crazy interface. Make your site clean and give a clear CTA (call to action – for example, “buy!”) Pulling from the last slide for culture Japan that would be the pictures, for the top headlines of the front page.
  • f) Put the viewer in control: “give the viewer the ability to choose what kind of user experience they want.” This means how does the websites respond to them? Culture Japan mobile should respond by thumbs, swiping or even voice commands. If the web page is not setup like that it will look funny and not work.
  • With flex screens and smart paper coming into play and more and more people using smart phones and tablets. There will be in the not to distant future no one viewing device some will be huge most likely up to 100” other as small as a iphone screen, how we work in that environment is what will decide how people will view us.

Frederick ward mobile presentation Frederick ward mobile presentation Presentation Transcript

  • Culture Japan Presents
  • A product of Frederick Steve ward
  • How much mobile and tablet usage has grown and estimated future usage
  • Wow so How will mobile and tablet usage impacted web design?
  • What current technologies can be used to make websites accessible on all devices
  • What are, 1-2 bad examples of websites that don’t work well on mobile/tablet devices
  • Ok mister know it all, how about 1-2 good examples of websites that do work well on mobile/tablet devices.
  • What would you recommend Culture Japan should specifically do to make sure their website can be accessed and used on mobile and tablet devices.
  • What would you recommend Culture Japan should specifically do to make sure their website can be accessed and used on mobile and tablet devices.
  • What you recommend the Culture Japan should specifically do to make sure their website can be accessed and used on mobile and tablet devices.
  • Why this should be something that Culture Japan should have up now
  • References • a) New Study Shows the Mobile Web Will Rule by 2015 [STATS]: • By Jolie O'DellApr 13, 2010 • http://mashable.com/2010/04/13/mobile-web-stats/ • b) Mobile Web Design: Best Practices • Aug 18 2010 by Alexander Dawson • http://sixrevisions.com/web-development/mobile-web-design-best-practices/ • c) 8 Tools For Easily Creating a Mobile Version of Your Website • By Jacob GubeDec 16, 2010 • http://mashable.com/2010/12/16/create-mobile-site-tools/ • d) Hardee's • Eric Anderson • Contact • Follow this author • Mobile Posted on March 19, 2012 • 
Read more at http://www.imediaconnection.com/content/31234.asp#FEdboMUfhvwdSK1a.99 • http://www.imediaconnection.com/content/31234.asp#multiview
  • References • f) 6 Sites That Nailed It On Mobile • By Meredith Lepore • Tuesday, March 4th, 2014 • Article, Blog • http://skillcrush.com/2014/03/04/websites-with-great-mobile-web-design/ • e) Johns Hopkins • Eric Anderson • Contact • Follow this author • Mobile Posted on March 19, 2012 • 
http://www.imediaconnection.com/content/31236.asp#multiview • g) Culture Japan • © Mirai Inc 2013 • http://www.dannychoo.com/
  • Picture’s • CULTURE JAPAN : MIRAI SUENAGA Glass verby ACEVelasquez • Manga & Anime / Digital Media / Drawings • Mirai Suenaga Winterby mysticswordsman21 • Manga & Anime / Digital Media / Drawings©2012-2014 mysticswordsman21 • Mirai Suenagaby flyingpeachbun • Manga & Anime / Digital Media / Drawings©2012-2014 flyingpeachbun • Mirai Millennium Classroom BGby Pinakes • Manga & Anime / Digital Media / Drawings©2011-2014 Pinakes • Mirai's Roomby futarinokizuna • Manga & Anime / Digital Media / Drawings©2013-2014 futarinokizuna