Responsive web design has created opportunities across the board
Raising the bar
Almost everyone working on the web has at some point been faced with someone who believes their friend’s teenager could handle their project. This perspective has always been annoying, but there is some light at the end of the tunnel. With responsive design, things just got a lot more complicated. There is now a tremendous opportunity for web professionals to stand out from the herd. There are thousands of web designers and developers around the world, and we are all connected by the magical medium we work in. This is both great and problematic. Given the number of people available for work, standing out can be hard.The opportunity
There is actually a fabulous opportunity here. If you’re aggressive enough, you could stand out by working your tail off to quickly grasp responsive design and development. Dig in and learn it, update your personal website, and talk about your results. I guarantee if you put up a fresh portfolio that demonstrates this skill set, people will be interested in working with you. But the window for this is fairly short, depending on how quickly other designers get on board.Budgets
Budgets pose a significant hurdle with this approach. With responsive design, we have to create as many as four variations for every layout, to target smartphones, tablets, netbooks and desktops. Consider a basic website with only two pages: a home page and an inner page. Those two layouts become eight variations when you implement them for four device sizes. Does this mean we should charge four times as much for the work? That hardly seems likely. Obviously, the costs will be incremental, but the time required to prepare the layouts and code them to function properly will definitely increase. Client education will play a huge role. We have to help our clients understand that while iPads and iPhones are cool, those devices are driving up the cost of quality development. Getting clients to understand our costs is tough enough as it is.The opportunity
If you want to make a splash in the community, create a tool that addresses budget issues. Many have already done so, with tools like 320 and up and the Less Framework. Both of these reduce the time it takes to build products, and they help developers trim time off of budgets. 320 and up in particular is a perfect example of how to capitalize on this opportunity. With the field wide open now, introducing tools to the marketplace that streamline the development process in support of responsive design will be much easier. We could even create tools that replicate existing ones but that are oriented around responsive design.JavaScript libraries and their plug-ins
One of the many areas that could get turned upside down is the market for plug-ins that work with popular frameworks such as jQuery. The market is stuffed with gorgeous plug-ins that do a vast array of things in the browser: slideshows, photo galleries, forms, pop-ups, the list goes on.The opportunity
The opportunity here is insane. Take a common plug-in, such as the slick slideshow tool Nivo Slider. This awesome tool is in countless developers’ tool belts. The market is ripe for someone to create a similar tool that self-adjusts to function smoothly across devices using a responsive approach. The same goes for almost any plug-in. If you’re looking for a project that virtually guarantees success, choose a hot plug-in, and create a responsive version that adapts to function properly on different devices.Browser testing
While this article is more about the development process, let’s consider browser testing. This is a basic part of building websites. Anyone knee-deep in building a website is likely testing stuff in multiple browsers as they go. And at some point, most websites undergo an in-depth test in numerous browsers. But how do we tackle this through responsive design? Should the team own all of the most popular devices? Sure, there are emulators, but most are painful to install and work with. And nothing beats testing with the real thing.The opportunity
Setting up software on computers to take screenshots on a variety of browsers and platforms is kind of hard. But setting up systems to automatically capture screenshots from the ever-increasing number of devices is really hard. The solutions that do exist are expensive, and I have yet to find a good service for this. This is one of those situations where complexity is an advantage. If someone manages to skin this cat, then it would be rather hard for others to follow. There are many solutions for taking automated screenshots in multiple browsers, but the first person to offer screenshots for devices will have something quite unique to sell. And the community will respond in a big way.Templates and themes
The market for ready-to-go themes is huge, but responsive design is a monkey wrench here, too. Template providers won’t likely retrofit their designs to accommodate these new requirements. Rather, they will probably add responsive features to future releases. And therein lies the opportunity.The opportunity
Old templates have not been rendered useless; they are just missing an important component. This levels the playing field for a while. If you’ve been considering jumpstarting your own theme business, this is a great time to do so. Established companies will have to support their legacy templates, and while they enjoy some advantages, the barrier to entry in the market just got a bit lower.Software services
The community has come to rely on software services for things like wireframing and usability testing. But how do these tools handle multiple devices? Many tools address, say, usability testing, and some new ones even address mobile testing (such as YouEye Mobile), but they solve only part of the problem. In the wireframing niche, there is a common way to handle various page layouts, but I have yet to find a solution that handles a single page layout for various devices. The need is so simple, yet many systems simply break down. Should we create a new wireframe for each device? The answer is not clear.The opportunity
The market is ripe for tools that support people’s current approaches to working online, while embracing responsive design. You might be able to lure customers away from competitors by offering features that embrace these modern techniques.Conclusion
Change can be unnerving, even overwhelming. No matter how much you learn, you always feel like you’re lagging behind. But everyone is in the same boat. In times of great change, you can maximize opportunity by diving in and riding the first wave. Do you see any other opportunities to capitalize on the movement towards responsive design?Patrick McNeil
Patrick McNeil is a designer, developer and writer; but above all things he is a passionate educator. He is a Professor of Graphic Design at the University of Missouri St. Louis where he focuses on teaching UX Design methods and front end development techniques. Patrick is also the author of the bestselling book series The Web Designer's Idea Book and the curator of DesignMeltdown.com. For more information about Patrick visit his personal site, pmcneil.com, or follow him on Twitter @designmeltdown.
Read Next
15 Best New Fonts, October 2024
Welcome to our roundup of the best new fonts we’ve found online in the last four weeks. In this month’s selection we…
By Simon Sterne
3 Essential Design Trends, November 2024
Touchable texture, distinct grids, and two-column designs are some of the most trending website design elements of…
20 Best New Websites, October 2024
Something we’re seeing more and more of is the ‘customizable’ site. Most often, this means a button to swap between…
Exciting New Tools for Designers, October 2024
We’ve got goodies for designers, developers, SEO-ers, content managers, and those of you who wear multiple hats. And,…
15 Best New Fonts, September 2024
Welcome to our roundup of the best new fonts we’ve found on the web in the previous four weeks. In this month’s edition…
By Simon Sterne
3 Essential Design Trends, October 2024
This article is brought to you by Constantino, a renowned company offering premium and affordable website design
You…
A Beginner’s Guide to Using BlueSky for Business Success
In today’s fast-paced digital world, businesses are always on the lookout for new ways to connect with their audience.…
By Louise North
The Importance of Title Tags: Tips and Tricks to Optimize for SEO
When it comes to on-page SEO, there’s one element that plays a pivotal role in both search engine rankings and user…
By Simon Sterne
20 Best New Websites, September 2024
We have a mixed bag for you with both minimalist and maximalist designs, and single pagers alongside much bigger, but…
Exciting New Tools for Designers, September 2024
This time around we are aiming to simplify life, with some light and fast analytics, an all-in-one productivity…
3 Essential Design Trends, September 2024
September's web design trends have a fun, fall feeling ... and we love it. See what's trending in website design this…
Crafting Personalized Experiences with AI
Picture this: You open Netflix, and it’s like the platform just knows what you’re in the mood for. Or maybe you’re…
By Simon Sterne