Recommandé
Recommandé
Contenu connexe
Tendances
Tendances (17)
En vedette
En vedette (8)
Similaire à Mobile's Effects on Web Design
Similaire à Mobile's Effects on Web Design (20)
Mobile's Effects on Web Design
- 2. 68% Over 1 “can’t billion What users live without” happened to the desktop? 93% 2013 – access Year of content mobile over all
- 3. 112% 32 million 100 million Desktop Computers Laptop Computers
- 4. Mobile’s effects on Web Design Forget Flash Relevant Info User Focused Touch-And-Swipe
- 5. Touch.startupgamers.com User Agent Detection GUI WURFL Your WPTouch Site Detect Device Mobile Atlas Design First Available Success On Mobile Tech For Mobile Sites
- 6. Looks great? Not On A Phone! CLUTTER!
- 7. Pinch, Expand, Avoid Adverts, Swipe, Touch, Expand, Etc. CLUTTER!
- 8. Big Buttons, Vertical Layout VERTICAL!
- 9. Minimal Color, App Feel APP-LIKE!
- 10. Ingredients To Make It Happen Now touch.startupg amers.com Mobile first design User Agent Detection Users that are more active on the Startup Gamers site!
- 11. References Indiegamemag.com. Rerieved November 17, 2012, from http://www.indiegamemag.com Gamasutra.com. Retrieved Novmber 17, 2012, from http://www.gamasutra.com Huggingtonpost.com. Retrieved November 17, 2012, from http://www.huffingtonpost.com Socialmediaexaminer.com. Retrieved November 17, 2012, from http://www.socialmediaexaminer.com
- 12. References Allen, L. (2012, November). The Year of the Mobile. Next Year. Maybe. Perhaps. creamglobal.com. Retrieved November 17, 2012, from http://blog.creamglobal.com/right_brain_left_brain/2012/11/the-year- of-the-mobile-next-year-maybe-perhaps.html Yegulalp, S. (2012, November). CEA: Tablets and Smartphones Still King In 2013. informationweek.com. Retrieved November 17, 2012, from http://www.informationweek.com/byte/personal-tech/cea- tablets-and-smartphones-still-king-i/240124894 Wroblewski, L. (2011, March). Mobile First!. Netmagazine.com. Retrieved November 16, 2012, from http://www.netmagazine.com/features/mobile-first Faletski, I. (2009, November). 7 Tips To Make Your Web Site Mobile- Friendly. Sitepoint.com. Retrieved November 16, 2012, from http://www.sitepoint.com/7-tips-to-make-your-web-site-mobile- friendly/
- 13. References Ma, S. (2011, January). Designing For The Mobile Web: Special Considerations. uxmatters.com. Retrieved November 16, 2012, from http://www.uxmatters.com/mt/archives/2011/01/ designing-for-the-mobile-web-special- considerations.php
Notes de l'éditeur
- It’s a valid question. What happened to the desktop? We’ve seen a dramatic shift in how people around the world are using the Internet. And the amazing thing is it’s only been in the past couple of years that this has happened. What am I talking about? Consider this:As of Q3 2012 there are over 1 billion smartphone users around the world!A recent study by the Online Publishers Association found that 68% of smartphone users can’t live without their device.And 93% of smartphone users use their device to access information and content on the web above anything else.With this huge boom in smartphone use it’s safe to say that 2013 will be “the year of mobile”.
- If there is any question about designing your site for mobile it should be laid to rest here. According to the CEA (Consumer Electronics Association) tablet sales are up 112% in Q4 of 2012 compare to the same time last year! That amounts to 32 million units for the holiday season alone, and adds up to 100 million units just in the United States for the whole year. Now is the time to throw out your old site design and begin from scratch with mobile as a top priority.Oh yeah, and if there was still any question, only 7% of adults would like a laptop computer this holiday season. A mere 2% asked for a desktop.
- Mobile devices have had a huge impact on the way developers design web pages. What has worked for years is now becoming obsolete. Startup Gamers needs to revamp their site in order to deliver content in a way people will want to consume it.Flash was great for desktop – it will display an error message on most mobile devicesYour site should only include the most relevant information to your userKeep functionality based around who is using your site – don’t design for the sole fact of getting page viewsPoint-and-click is a thing of the past – Design your site for touch-and-swipe
- There are a number of technologies available to web designers nowadays that enable them to create successful mobile websites. You’ll want to create a subdomain for your mobile site such as touch.startupgamers.com. This will allow technology such as User Agent Detection to redirect mobile users to your mobile friendly page. Once they are there they should have a smooth “touch-and-swipe” experience because you’ve thought ahead:By thinking about their Graphical User Interface first and foremostBy creating seamless touch controls that feel naturalAnd by making it easy for the user to go back and forth between mobile and desktop sites
- This image from indiegamemag.com shows a website designed with a lot of colors, links, text, and drop downs. The problem is that you get the same exact site when you visit on your phone. One look at this and you’ll surf to the next site without even bothering to look for the content you were searching for.
- In this image you can see gamasutra.com on my mobile phone. This site directly competes with Startup Gamers. Again, the site is extremely cluttered, a large banner ad dominates one side of the page, and everything must be expanded in order to be seen and clicked.This won’t win you customers who are looking for a particular article they remember seeing so they can show their boss. Let’s look at a couple of sites that get it.
- The Huffington Post is a social media machine and when visiting their mobile site, huffingtonpost.com, you can see that they are at least aware of the changes happening to browsing. The layout is vertical to enable a more comfortable feel when scrolling, and all of their topics are written in a large font so they are easily seen on a small device. Also each topic is clearly defined in its own button that is easy to touch with a finger. The last thing about this site that is clearly thought out for mobile is the large search bar at the top.There is one thing that causes this site from being the perfect mobile news site: heavy use of color. Each topic is saddled with a color heavy picture in addition to the colored logo and navigation buttons on the top of the site. This causes the site to take a little extra to load on an older mobile device.
- This screenshot comes from socialmediaexaminer.com. Another well designed mobile site that gets that color and pictures can bog down a site. Social Media Examiner’s mobile site is gray, contains just a few sentences from their articles, and features no logo. The site almost feels like an app which is great because over the last few years people have gotten extremely comfortable with using apps.There is one downside tot his site, and the Huffington Post faltered from the same thing. The mobile site is just a theme plug-in laid over the desktop site. While the design and use of no pictures or color is great for mobile, this site is also a little lengthy to load because it is not hosted on a subdomain such as mobile.socialmediaexaminer.com.
- There are three things you should be thinking about right now as it pertains to Startup Gamers:Secure the subdomain touch.startupgamers.comBegin a new site designed for mobile from the ground upEmploy a User Agent Detection technologyBy doing these three things it will position Startup Gamers well ahead of the other gaming magazines I’ve outlined in this presentation. Once you’ve built the smartphone version of the site, begin designing your traditional site for a tablet device. By designing for the tablet you will enable a better experience for your user when they want more than just a functional app on their phone.
- There are three things you should be thinking about right now as it pertains to Startup Gamers:Secure the subdomain touch.startupgamers.comBegin a new site designed for mobile from the ground upEmploy a User Agent Detection technologyBy doing these three things it will position Startup Gamers well ahead of the other gaming magazines I’ve outlined in this presentation. Once you’ve built the smartphone version of the site, begin designing your traditional site for a tablet device. By designing for the tablet you will enable a better experience for your user when they want more than just a functional app on their phone.
- There are three things you should be thinking about right now as it pertains to Startup Gamers:Secure the subdomain touch.startupgamers.comBegin a new site designed for mobile from the ground upEmploy a User Agent Detection technologyBy doing these three things it will position Startup Gamers well ahead of the other gaming magazines I’ve outlined in this presentation. Once you’ve built the smartphone version of the site, begin designing your traditional site for a tablet device. By designing for the tablet you will enable a better experience for your user when they want more than just a functional app on their phone.
- There are three things you should be thinking about right now as it pertains to Startup Gamers:Secure the subdomain touch.startupgamers.comBegin a new site designed for mobile from the ground upEmploy a User Agent Detection technologyBy doing these three things it will position Startup Gamers well ahead of the other gaming magazines I’ve outlined in this presentation. Once you’ve built the smartphone version of the site, begin designing your traditional site for a tablet device. By designing for the tablet you will enable a better experience for your user when they want more than just a functional app on their phone.