Sean Patrick John Paul George Ringo Doran

The thorn in all users’ sides: the password.

(Source: phcubed)

thisisresponsive:

An interesting technique: print out the site, cut out each component and arrange the pieces to construct the small screen view.

courtneybolton:

kellishaver: There’s no simpler way to put it. The way we use the Internet is changing, and it’s changing quickly. Let me start off by throwing some statistics at you (courtesy of @jonathanstark):

• There’s no simpler way to put it. The way we use the Internet is changing, and it’s changing quickly. Let me start off by throwing some statistics at you (courtesy of @jonathanstark):

  • 25% of US mobile users almost never access the internet via desktop or laptop computers.
  • The growth rate of mobile traffic is expected to increase tenfold over the next five years.
  • There will be 5 billion mobile broadband subscribers by the year 2016.

  Here’s another staggering statistic for you: 76% of all internet traffic out of Africa comes from mobile phones. There is a very large percentage of the continent that doesn’t have electricity, or running water, but you can bet they’ve got Facebook. The technological revolution in Africa is going to skip the computer entirely.

  As designers and developers, it’s up to us to shape the web, but if we don’t get on board with the change, we’ll get left behind. Even worse, the Internet will become a less friendly, less accessible place.

  Changes in how we use the web require a change in thinking about how we construct the web.

  Here’s another point to consider: given the rapid growth rate of mobile devices, how long will it be before device APIs currently available only to native applications become part of the standards by which we design and build web sites? We’re already beginning to see this with geo-location services. How many more years will it be before we, as web developers, have access to the camera, the gyroscope, the light sensor, the accelerometer?

  If I were guessing, I’d say we’ll see at least some these by 2016, as well.

  So what do we do?

  Clearly the mobile web is growing fast, but where do you make the switch? What’s the breaking point, and how do you build an accessible, responsive Internet when device and platform fragmentation is greater than ever?

  There answer is to start now, stay lean, stay flexible, and adopt a new approach. In short:

  • Start with Content
  • Build for Mobile First
  • Develop your apps and sites around an API
  • Accessibility is Key

  Let’s take a look at these…

  1. Start with Content

  It doesn’t matter how your site looks or functions, if you don’t know what it’s saying. Clearly defining your content before beginning development allows you to more easily build cross-platform, cross-device ways to create, view, and interact with that content. It’s like having a road map. It’s the precursor to planning your user experience. Get your content organized, and the UX often defines itself.

  2. Build for Mobile First

  With mobile web usage on the rise, it’s only wise to start with the small screen and work your way to the larger ones. Media queries and meta tags largely ignored by desktop browsers make it easy to create responsive layouts that adapt to mobile devices, and it’s far easier to start small and go bigger than it is to try and build in reverse. Mobile first also often means better fall-backs for old browsers and old technology, and an overall cleaner layout in general.

  3. Develop your apps and sites around an API

  This is still a somewhat uncommon approach to web development (though it is certainly gaining in popularity among web app developers), but for the ultimate freedom and flexibility, start with an API and then build your web site or client on top of this.

  Think of it as one more step in separation beyond the MVC pattern. Your API doesn’t present anything, not even so much as a paragraph tag. It just accepts data and spits data out in return, but if you build a rock-solid REST API, your client can be anything.

  Forget just serving up HTML pages. Do you want to access your content from the command line, over instant messenger, via e-mail, SMS, or even voice? Yeah, API-centric development will let you do that without having to redefine the application at each step. Your client determines the terms and scope of interaction, while the API does all of the heavy lifting on the data.

  Your API encapsulates the core of your application and then multiple, lightweight clients, such as an HTML/JavaScript front-end, a command line client, or a text-to-speech translation service, sit atop that and provide access in any number of ways on any number of platforms.

  4. Accessibility is Key

  Point four is the reason we do one, two, and three. Accessibility no longer just means a screen reader, or building a site for someone with low vision. It also means agile language translation, low-tech devices, slow-speed connections, voice activation, and touch gestures.

  Conclusion

  The changing web isn’t about the growth in mobile access. It’s about the growth in people. Mobile is a means to an end, and while the way we deliver the web may be changing, it also affords us an incredible opportunity to reshape and rethink the tools we use to deliver content. With mobile as the catalyst, we can now step back and look at how we can adapt, in this new landscape, to building applications and web sites that are friendlier, easier to use, and more available to all users.

Photo by DrJohnBullas

If you do it right, your website can be the best marketing tool you have. Ilya Pozin, founder of the Web design firm Ciplex, on how not to screw it up.

Do:

1. Set smart goals
2. Plan on becoming an SEO wizard
3. Use open source tools
4. Think about your mobile strategy simultaneously
5. Steal from your competitors
6. Develop your content
7. Write with calls to action in mind
8. Always answer the question “why?”
9. Trust your Web designer

Don’t:

1. Do it yourself
2. Make people think
3. Expect visitors
4. Spend all your money
5. Add a blog
6. Add Twitter and Facebook buttons
7. Try to please everyone
8. Add testimonials
9. Use Flash
10. Expect a killer website overnight