How to Write A Functional Specification

The functional specification or spec describes in detail how a website operates from the point of view of the user. They may touch on technical issues but only where it helps enforce the site’s functionality. They range in size, with functional specs for complex sites running to 100 pages or more.

Remember, though, that although the functional spec will naturally touch on technical elements, it is not a technical document. It should be written clearly for an audience who are not necessarily technical in background. Avoid technical language or acronyms, and if you must use them include a non-technical definition.

The exact content of a functional specification will vary from job to job but they all share some common sections. Continue reading

Sketching Website Functionality

My last post mentioned ways that you can describe website functionality. I want to explore those methods in more detail, beginning with sketching.

Sketching is a perfect way of getting you ideas down on paper visually and quickly. They can be drawn informally in a meeting to almost instantly describe the functionality you are talking about, or you can take more care over them and use them for a tool to brief designers or developers.

However you use them, remember sketching is not about design, it’s a tool that helps you to capture ideas or express an concept visually. You don’t have to be an artist to sketch, though the more you practice, the better you become. Continue reading

Communicating Website Functionality

As websites become more and more complex it becomes increasingly difficult to explain and document their functionality but, more than ever, the need to do so is critical. Accurately defining how a website operates informs stakeholders (those who have commissioned the site, either a client or in house) as well as developers.

Below I’ve listed nine techniques that you can use to describe functionality, and included the strengths and weaknesses of each. Continue reading

Design Basics: Balance and Harmony

In this, my latest infrequent post on design, I talk about how balance and harmony affect a design. Specifically I mention web pages but the concepts include any kind of digital interface or even offline graphical design.

Introduction

The design of a web page should be pleasantly balanced; unbalanced designs are distracting. Balance, though, is very subjective; it unifies subjects within a design.

Balance is affected by:

  • The size of elements in a design
  • Their tone
  • Their position within the web page
  • Their interrelationship with other elements on the page Continue reading