13 Top Web Design and Development Trends For 2013

1. Leaner, performance-focused websites

During 2012, the average site size crept over a megabyte, which designer/developer Mat Marquis describes as “pretty gross”, but he reckons there’s a trend towards “leaner, faster, more efficient websites” – and hopes it sticks. He adds: “Loosing a gigantic website onto the web isn’t much different from building a site that requires browser ‘X’: it’s putting the onus on users, for our own sakes.”

It’s a sentiment that chimes with many. Chris Mills of Opera/W3C hopes 2013 will see “more responsible usage of libraries”, and notes that there’s too much reliance on them for trivial functionality; he reckons “people will become sensitive to this as they work on more projects that require good support for TV and mobile”. Designer and writer Stephanie Rieger reckons that although people now know “web design isn’t print,” they’ve “forgotten it’s actually software, and performance is therefore a critical UX factor”.

2. Device and design resource-pooling

We’re familiar with people pooling code, but 2013 will see sharing widen, according to Meyer and designer Geri Coady. Meyer reckons that instead of studios each maintaining dozens of devices for testing, we’ll see community device labs, and Coady believes the year will bring more participation in open source design. “I love the idea of donating a little design talent to open-source projects that you use or community groups that you support,” she explains. “Open source developers often spend so much time working on the technical side of things that the visual side can end up being neglected. But this past year has seen great work from the W3C’s Responsive Images Community Group, which now has a well-designed home on the web that strengthens its image as well as its mission.”

3. Modular design

2013 will see more people taking advantage of design process building blocks. Muller thinks that through RWD, grid-based, modular GUI design is “now stronger than ever,” and that we’ll see more very structured page layouts over the coming year. Mo Morgan, head of technology at Kitcatt Nohr Digitas, notes that “Amazon Web Services and others prove infrastructure and platforms can be commoditised”, and “the plethora of available frameworks show it’s no longer necessary for developers to keep reinventing the wheel”. Such building blocks remove pain and expense, he explains, “allowing the masses to make things that would have previously been too arduous or expensive”. Designer/developer Paul Mist hopes such changes will “speed up workflows, so we can spend more time making the web beautiful”, but Morgan worries there’s a possibility 2013 will see people start to “lose touch with core technologies that underpin all of these things, to the point where if the commoditised offering can’t meet a specific requirement, it effectively can’t be done”.

4. Standards involvement

For Marquis, 2013’s key trend will be more developers taking an active role in the web standards process. “It feels like there have been separate silos in play – developers doing client work, and browser representatives working full-time within the standards bodies,” he says. The hope is more crossover: “Today, you see ‘developer preference” cited in a mailing list thread, but rarely do full-time web developers chime in with opinions. There’s a disconnect, and that impacts both groups negatively – standards bodies get blamed for standardising features developers dislike or don’t understand intuitively, and developers get blamed for ignoring features or using them incorrectly. I hope people look at the work being done by members of the Responsive Images Community Group and others, and see it as a call to join the discussion. The only way we’re going to be fully represented is by showing up and working together.”

5. Industry education

2012 was a good year for web education, and Sharp thinks this trend will continue: “I’m talking about educating kids, the ‘yoof’ of today.” He admits the government may not be pushing as hard as the industry would like, but says organisations are filling the gap: “Efforts like Code Club are starting to really land, and I’m seeing an increase in events aimed at teens and youngsters, in web programming and hacking.”

6. New tools for web design and management

With the explosion in RWD, developer Sally Jenkinson believes 2013 will be the year processes and tools evolve. “We’ve seen a move towards designing in the browser, but vendors like Adobe aiming to introduce offerings such as Edge Reflow will impact on existing wireframe and design methodologies.” She thinks lines between mockups and prototypes will blur, and static representations will no longer “accurately reflect the variety of permutations in terms of device renderings”. Redweb head of development Wayne Rowley adds that improved mobile tools are also likely: “CMS vendors are already seeing the need to provide mobile support when creating and managing content, and the next step is to optimise CMS software interfaces, empowering content editors with true flexibility and location-independent content management capabilities”.

7. More video

According to designer Ayesha Garrett, barriers to entry regarding video continue to fall, and 2013 will find a lot more of it online: “Internet speeds, including for mobile devices, are rising. Also, people with subscriptions to Adobe Creative Suite have suddenly found themselves with extra ‘free’ software, and are playing around with video packages and experimenting with After Effects.” She adds that some video trends will perhaps be less welcome: “We’ll see ongoing heavy use of the DSLR look – narrow depth of field and shake – and slow motion, because more cameras are incorporating that.”

8. Storytelling and personality

Bluegg studio manager Rob Mills reckons 2013 will see a “further step in the direction of storytelling and personality on the web, achieved through a greater focus on content and an increase in the use of illustration”. He says content strategy has always been important, but we’ve nonetheless of late seen a renewed focus on content. “Agencies and individuals are therefore going to have to work better with clients on content-creation and management, which can only be a positive thing for user experiences.”

9. Making a profit

We’re used to seeing venture capitalists fling money at half-baked ideas, and major players open bulging wallets to pay absurd money for existing services (witness Facebook’s $1billion purchase of Instagram). Developer, speaker and writer Rachel Andrew hopes the coming year will see this change. “From a business perspective, I’m hoping 2013 will see more celebration of profitable businesses," she says, "rather than glorifying successful funding rounds.”

10. Tablet thinking goes beyond the iPad

Publication designer Roger Black says publishers will in 2013 “continue to push out native iOS apps” as they realise “the iPad is not the magic pony they’d been looking for”. Android and Microsoft tablet sales, combined with apps not being linkable outside of each platform, will result in more “impressive, hand-built responsive HTML apps that play everywhere”. However, Black adds iOS wrappers for responsive publication templates will “allow publishers to have their app and eat it too, enabling developers to stick to new OS revisions and publishers to stick to content.”

Mobile platform strategist Peter-Paul Koch also thinks we should watch out for Tizen: “It’s an HTML5-based mobile OS created by Samsung and Intel, and initial devices are expected in Q2 2013. If Samsung pushes Tizen devices, you’ll know it’s going to be a big deal.” On Firefox OS, Koch is less optimistic: “It will fail, because they can’t produce cheap enough phones that compete with cheap Androids and run a decent browser.”

12. The app backlash

Apps remain big business, but some publishers continue to edge to HTML5. Redweb head of innovation David Burton reckons a larger backlash is brewing: “The gold rush is over, and there’s unrest in that apps aren’t all they promised to be. We now live in a just-in-time culture, where Google can answer anything at the drop of a hat, and we no longer need to know the answers. The app model works the old way. Do we need apps for every brand we interact with? Will we even have iPhones in five years’ time? Who knows? But one thing is certain – the internet will remain, and the clever money is on making web apps that work across all platforms, present and future.”

13. A mobile design explosion

Designer/developer Dan Eden says that with “more companies focussing web efforts on mobile,” designers will feel the pressure to brush up on the subject, to the point that in 2013, “designing for desktop might be considered legacy support”. Rowley agrees projects will increasingly “focus on mobile-first regarding design, form, usability and functionality”, andChris Lake, Econsultancy director of product development, explains this will impact on interaction, with web designers exploring natural user interface design (fingers, not cursors) and utilising gestures.