Design for All
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.
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
a 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