now, sit down

Buying a new sofa is a confounding experience. It has never been designed with the user in mind. Now, Sit Down rethought the sofa and the purchase process to make choice and delivery straightforward.

Due to the space limitations of living in a city, products that get attention need to be both beautifully designed and functional. For Now, Sit Down, functionality in both product and service was at the heart of the brand.

In my role as Head of Creative I was responsible for the delivery of a brand with a Saas feel, to design and simplify the UX/UI of an e-commerce site to include an easy to use sofa configurator. The other members of the team I worked with were the stakeholders and developers.

now, the process

Now, Sit Down sell just one modular sofa. So decision making is easy. With a few simple choices and no hidden add-ons, customers can create a sofa which adapts to their space.

This is done using a configurator, but what do customers keep in mind when designing their sofa and how is this suited a mobile platform?

1

discover

Understanding of user’s pain points
Analysis and mapping of existing processes
What’s important to prioritise from user feedback?
How do we differentiate from our competitors?

2

plan

Align both the users and business goals
Define the deliverables
Find the value proposition
Establish workflows

3

design

Map the user journey
Rapid prototyping
Brand guidelines and stylesheet
Validate with stakeholders

4

iterate

Confirm what the requirement is
Evaluate, assess and test designs
Feedback from users and stakeholders
Iterate and adjust designs

5

build

Design to Development handoff
Develop interaction requirements
Design QA
Internal testing

6

learn

Close finished tickets
User testing and validation
Collect actionable feedback
Plan for improvements and further development

design

* What’s the entry point to the configurator?
* How do we design the addition or removal of a choice (color, icon, overlay)?
* For every step, do we display the effect of a selected feature on the price?
* Do we provide context-sensitive inspiration to simplify a choice?

interaction

* Is it possible to save or label the current snapshot of the configuration?
* Are we using drag and drop functionality?
* Does checkout contain a link to edit, change or adjust the configured model?
* Is it possible to jump from the current step to a previous one?

performance

* Is visual feedback of the product preview instant on 3G?
* Do we store choices automatically? What happens upon page refresh?
* Are we lazy-loading assets (and options!) for performance?

accessibility

* Are all UI controls labeled for screen reader users?
* Are icons intuitive to all users, or do they include visible text labels for usability?
* Is colour contrast bright enough to make text stand out on top of backgrounds?
* Are headings and landmarks used to convey hierarchy and semantic structure?

In the Now, Sit Down configurator we also broke the configurator down into steps, smaller, manageable chunks that customers can tick off one after another. With it in place, customers can see their progress within a progress bar and have an awareness of the simplicity of the process. Without these steps, many customers would jump back and forth to double-check that they haven’t missed anything. The “prev/next” pattern is easy to deal with, and the interaction is significantly faster with interfaces that contain it.

now, find out more