top of page

Design for All

design for all.png
Website Redesign
Categories

Interaction Design 

User Experience

Project Type

Solo

Duration
Project Overview

8 weeks

Role

8 weeks

Design for all is an Indian design newsletter that excepts papers from various countries and people covering a wide range of topics.

The current website had issues regarding navigation, user flow, and information absorption. With a very low bounce rate, the users took a lot of time to search for a particular article/paper as well as information regarding publishing an article. 

The solution was an improved website with structured navigation and user flow. The interface was also changed keeping it minimal and easy to understand.

Process

Discover

Website Analysis

Survey

Usability Testing

Competitive Analysis

Define

Analysis

User Set

Key Attributes

Develop

IA

User Flow

Wireframes

Deliver

Style Guide

Prototype


 

Timeline

week 01

week 03

week 06

week 08

Research and Discovery

Analyse and Define

Ideate and Develop

Design and Deliver

Discover

Website Analysis

Existing Website Interface

The initial step was to go through the present website of Design for All. This was done in order to understand user flow, information architecture, and the information that is to be displayed. After analyzing the website each page was individually scanned through in order to understand the information presented and the layout of all the pages respectively.

36-38.jpg

Primary Research

Survey

An online survey with the users was conducted in order to understand and learn about the primary purpose of visiting the website and the overall experience of the Design for All website. 

1.5

week

What is the main task for which you visit the website?

Search for paper

82%

Publish/Submit a paper

61%

Learn about the newsletter

38%

42

responses

Are there any problems you've faced while completing the desired action?

Search for a specific issue

58%

Finding the menu

87%

Searching information for the author

63%

Primary Research

Usability Testing

The two major tasks for which people visited the website were Searching for a Paper and Searching for Information for the procedure for publishing. An online usability testing was conducted taking these two tasks where the participants were asked to screen share while completing the given task and think aloud at the same time. The touchpoints at different steps were observed.

Journey Map for the task of Searching a Paper

Journey Map for the task of Searching for information on the procedure of publishing

Inferences

The participants took

excessive time to search

for a navigation menu

Difficulty in searching a

paper with a particular keyword due to the lack of proper context in the title

The task of opening each interlinked paper and going back was frustrating for the participants

The participants usually denied going through the about us page due to the bombardment of text throughout the page

Secondary Research

Competitive Analysis

A competitive analysis, SWOT analysis was done with different publishing websites and the key points were noted. The user experience and the interface of six different publishing websites were analyzed. Strengths and weaknesses from these were mapped and how they can be used to ideate the experience and the interface for the Design for All website.

   

Research Analysis

Understanding the Problems

UX related problems

The hierarchy of the website is confusing which makes it hard for the users to search for their desired content.

UI related problems

The placement of important elements like the navigation menu, search bar, or the footer is either not easily accessible or missing

Lack of a publishing portal

Unlike the other journal websites, there is an absence of a structured publishing portal that would help users get their papers published.

Define

Target Users

User Sets

A competitive analysis, SWOT analysis was done with different publishing websites and the key points were noted. A total number of six different websites were deeply analyzed.Shivank is new to the design field. He likes to read different articles, papers, etc to learn and gather knowledge in the field of design. He often finds a topic and reads a large amount of literature available online. The reason for visiting the website is he wants to search for a paper on a topic he recently read about.

   

Key Attributes

Customizable Search Option    |    Adding a Value Proposition    |    Streamlined Navigation    |    Minimal Pages

Develop

Solution

Some of the improvements that were to be done on the website included adding a salient menu/navigation bar and bring consistency to it. It was also noticed that navigation aids the user for a better experience. Some other improvements to be done were in the look and feel or the interface of the website. Visual attributes like color, font, and size of the text were changed to increase the visual attractiveness. A defined and suitable color scheme was hence used. Effective use of white space was focused to avoid visual overload. A hierarchical/sequencing organization was done for the content that helped in systematic information arrangement and categorization. Meaningful labels/headings/titles were added to a simpler and easily perceivable user flow.

Improvements

Information Architecture

User Flow

Wireframes

Style Guide

Font Sizes for the smallest text

20 pt for the desktop website
16 pt for the desktop website

 


Contrast Ratio of 13.77:1 and passes all the levels of WCAG guidelines for text and color
 

Deliver

Publishing Guide
 

Submitting and Uploading Paper 
 

Searching for a Paper
 

Paper Status
 

Contact Page
 

bottom of page