ThePod
Information Architecture​
Role
Timeline
October - November, 2019
UX research, Information Architecture, UI Design
Overview
Designing Information Architecture (Domain Model, User Journey, site map and Wireframe) for the Domain "ThePod".
Challange
Capture Information Architecture requirements in an information-rich domain.
Objectives
Design the Information Architecture of a web-based information environment and evaluate the design from an Information Architecture perspective
-
User research: semi-structured interviews & competitor benchmarking
-
Domain Modelling
-
Sitemap: Card Sorting (with OptimalSort by Optimal Workshop) Tree Testing (with Treejack by Optimal Workshop)
-
User Journey
-
Wireframes (with Proto.io & AdobeXD)
-
Evaluation & Iteration
PROCESS
USER RESEARCH
DOMAIN MODELLING
SITEMAP
USERJOURNEY
WIREFRAMES
EVALUATION &
ITERATION
Domain Model
​
To understand insight of potential customer and make sure if ThePod’s service would match their expectation,
I held informal interview with frequent Uber (common form of transportation service) customer, a Msc student and a company using Deliver service for their frozen food.
Sitemap
Based on the data collected from the interview and the domain model which was generated served as the best way to list out the pages that the website would contain. I started listing out the important pages required i.e. Service page for three different main service i.e ThePodRide, ThePodBusiness, ThePodOffice , the list of sub-categories of the services for each pages, Register page, About pages with the content such as, about their services, safety, how it works, ambience, special services etc.
Various methods such as open and closed card sorting, Tree Testing were organised with the website optimalworkshop.com to understand how the visitor of the pages would understand the structure of the page and increase findability.
User Journey
For the user journey of this website , I decided to focus on multiple steps a user would be able to go through to complete their task. Hence, a suitable task statement was generated with clear and enough details that would touch most part of the sitemap e.g. from searching, browsing, entering details, making use of faceted navigation etc.
Wireframe in detail
W1. Home Page
1.1- Visible Logo, the Global Navigation, Search Option, and the location (Changeable when clicked). 1.2: User’s Current Location.
2- ThePodService option for quick access to the services which also includes interactive Map.
3- List of ThePod’s customer (with descriptive Logo)
4- List of the Service (logo and clear title and description).
5a- Sitemap to navigate user through the website (This will be available in all the pages).
5b- Allows the user to subscribe to the newsletter regarding ThePod’s News and new services.
5c- Social media share to friends regarding the ThePod’s Services.
W2. Result Page for ThePodOffice > Study Office
6.1- Breadcrumb to inform user where they are.
6.2- Number of results shown (showing 8 out of 16 result).
7- Faceted Navigation to narrow the search result based on user’s preference.
8a- Save the result for future reference.
8b- Brief about the “ThePod” and their facilities.
9- Quick Order option to order “ThePod”.
10- Number of result one can choose to view per page.
11- Sort results.
12- The Map to show the ThePod station.
13- The sub menu for the global navigation “ThePodOffice”. (Please see the sitemap for other sub menus).
W3. The single Result Page
13.1- Images of the “ThePod” after the user selects from one of the results(D2).
​
13.2- The icon when clicked allows to enlarge the picture.
14- The detail features of the “ThePodOffice” services provides.
​
15.1- Introduction of the “ThePod”
​
15.4- Order button that will take the user to the “Edit Order” Page (W5).
​
15.2- The user has option to save the search result as well.
​
15.3- The label link Monthly Subscription available allows the user to redirect to the subscription page.
​
16.1- The Review and the ratings given by the user who have taken the services of “ThePodOffice”. The user can also give feedback by clicking the “write review”. 16.2- “Read More” allows to see more reviews.
​
17.1- Social media share to friends regarding “ThePod”.
17.2- Based on the user’s search the website recommends the service suitable for them to fit with their current order or the future.
​
18- To view more service to fit their needs.
W4: Account Page
23- The Edit label when clicked allows the user to edit or delete the address.
24- Current primary address as indicated in the profile (21).
25- Button to change the primary address.
26- Allow to add more address.
W5: Edit order Page
