The secrets of planning a successful website

"It's always a good idea to talk to those who'll be using the final site, be that internal stakeholders, external customers or just members of the public," says Budd. "As such, we like to set up interviews, sit in on focus groups, and where possible run ethnographic studies. This usually feeds into the creation of user personas that help guide the decision-making process."

It's important not to make too many assumptions prior to involving users. Siim Vips, CEO at Modera warns: "In many cases, analysis is done based on the know-how of the development company in co-operation with the client. If the knowledge is there, the site will be a success, but if not, it will be a disaster." What you instead need to do is fully research the needs of the site's potential users and then map those onto the needs of your clients.

"If your users have needs that your client's site isn't fulfilling, you're giving the competition a competitive advantage," says Budd. "Similarly, if you're trying to make your users do something they don't want or need to do, they'll lose confidence in your brand and patience in your site." And with a high proportion of sites now hinging more than ever on user actions and content, users' needs and effects on proceedings must increasingly be taken into account.

"Designing social media projects brings new challenges to designers and information architects used to predefining the user environment," explains Crab. "You must plan to deal with the aesthetic and functional management of unpredictable content and behaviour."

Site maps

With an understanding of what the site's meant for, who's going to use it, and what people will be doing when they get there, you can start looking at the information that's going to be provided, how it's to be accessed and the basics of how it will be displayed.

"To work out information architecture, a combination of site maps, process flows and user paths is used," says Budd. Nhan argues that the first of those things is perhaps the most important tool for establishing how your information architecture will work – even for large sites. Some designers, he says, skip site maps these days, thinking complex sites are too difficult to represent in this manner.

"What you should do in such situations is break your site map down into sections for review," he says. "But never skip creating site maps, because they help you simplify the user experience by keeping perspective wide."

Marc Peter, creative director at on-IDLE, starts site maps with paper sketches, before moving them to software for emailing to various stakeholders. "We also ensure all elements present on all pages, such as footers, logos, calls to action, and so on, are listed," he explains.

"This then provides you with a base idea of the types of template the site will need, such as 'home', 'general content', 'contact', and 'listed items', and these can subsequently be worked into wireframes that identify the structure of each template – and therefore, effectively, each page of the website."

Peter notes that if particular attention is paid at this stage of the planning process, it's usually simple to avoid one of the most common errors on websites: bad navigation structures. "Often, you'll find sites have visible and working top-level buttons, but at the third, fourth or fifth level, the design begins to fall apart and the browsing experience becomes cumbersome."

Budd advocates workshops for making sense of this aspect of planning: "Stakeholder workshops are a good way of discovering business goals, prioritising functionality and setting a roadmap for success. As such, all of our projects are punctuated with various planning meetings and workshops that often involve brainstorming ideas based on the user research and personas, creating affinity maps or content hierarchies, and mapping out the interactions using rough paper prototypes or wireframes. As you can imagine, a lot of sticky notes are used during this process!"

Latest in Internet
A smartphone on a sofa showing the WhatsApp, Telegram and Signal apps
Forget AI – WhatsApp is planning a simple messages feature that could be its most useful upgrade in years
Quordle on a smartphone held in a hand
Quordle hints and answers for Friday, March 14 (game #1145)
NYT Strands homescreen on a mobile phone screen, on a light blue background
NYT Strands hints and answers for Friday, March 14 (game #376)
The logo of the social media app Bluesky is seen on the screen of a mobile phone
Bluesky gets a massive video upgrade to tempt X fans who are frustrated by its cyberattack outages
Quordle on a smartphone held in a hand
Quordle hints and answers for Thursday, March 13 (game #1144)
NYT Strands homescreen on a mobile phone screen, on a light blue background
NYT Strands hints and answers for Thursday, March 13 (game #375)
Latest in News
Google Gemini Flash 2.0 Images
I tried Gemini's new AI image generation tool - here are 5 ways to get the best art from Google's Flash 2.0
An image of the Samsung Galaxy S25 Ultra from a hands-on event
Samsung Galaxy S26 Ultra could resurrect an intriguing camera feature
Eurocom Raptor X18
At $15,000, this massive 256GB RAM laptop makes Apple's MacBook Pro look affordable, tiny and very, very slow
Cristin Milioti in Black Mirror season 7
Netflix launches trailer for Black Mirror season 7, giving us a look at its first-ever sequel episode and an unexpected returning character
A graphic of the PC Gaming Show
Get ready for a bounty of PC games on June 8, as the PC Gaming show is back
A close up of The Daily podcast from Pocket Casts' web page
‘Podcasting shouldn’t be locked behind walled gardens’: Pocket Casts slams Spotify and makes its web player free to all