I am a UX designer with a past life of Industrial designer. I have worked on designing web projects for the International Centre for Trade and Sustainable Development (ICSTD) and World Health Organisation (WHO) in the past. I have just completed the Immersive User Experience Design course from General Assembly, London,UK.
I hold a Master’s in Design (Industrial Design ) from Domus Academy, Milan, Italy and Bachelors in Lifestyle Accessory Design from National Institute of Technology (NIFT), Delhi, India.
The E15Initiative is jointly implemented by the International Centre for Trade and Sustainable Development (ICTSD) and the World Economic Forum
The E15Initiative was launched by the ICTSD to convene world-class experts and institutions to generate strategic analysis and recommendations for government, business and civil society geared towards strengthening the global trade and investment system for sustainable development. ICTSD launched the E15Initiative (E15) in 2011. Since then, ICTSD, the World Economic Forum, and 16 partnering institutions have brought together more than 375 leading international experts in over 80 interactive dialogues.
Design and implementation of a data visualization based tool for the exploration and search of research papers in the document database
The goal of the project was to design a visual way to search documents and find connections between different areas of the E15 Initiative database of research papers. All the documents belong to one or more themes and they are classified with tags. We used Themes and Tags as the two main ways to filter the areas of interest.
For the desktop version we decided to use a more playful interaction flow that could show all the available themes and tags and let the user interact with them.
The sunflower view offers an easy way to select the elements and to understand the complexity of the database.
Selecting the items shows also the number of documents filtered by changing the size of the internal circle.
The E15 visual tool was designed from beginning considering different screen sizes.
For the mobile version we opted for a more traditional view, in which all the themes and tags are represented in two long list. The user can scroll through them and select the available ones based on her selection.
Explain the user of GroupHug how the service works. Simplify the steps to create and achieve a GroupHug.
A responsive website (mobile first) that explains the process briefly and guides the user at each step by breaking down the process for easy understanding.
After studying the project well and studying the current site, we realised that there are 3 distinct journeys in this project:
As this was a three week sprint we decided to concentrate on the Journey of the Organiser.
We conducted an Heuristic Analysis of the current website. Which made us realise that as the company is a startup there were some glitches in the process of how it works. We worked on making that process smoother.
See the Heuristic Analysis here
To understand the experience gifting market better and see what competition GroupHug has we decided to conduct a competitor analysis. The main competitors of GroupHug are Truly Experiences, Tinggly, Red Letter Days, Virgin Experiences, and Patchwork
To find the right users to interview and collect statistical data to help our research we conducted a User Survey. We had 55 survey responses
GroupHug had provided us with 6 users of the service to Interviews and we interviewed additional 6 users who were potential GroupHug users that we found through User Survey.
Having two distinct user groups gave in depth insights into user behaviour.
Based on the user interviews we had three personas. Harriet, Josephine and Andrew.
As Harriets Persona is closer to the organiser, we decided to make her our Primary Persona and base the journey on her.
This is Harriet’s journey who wants to give her colleague Carly a job leaving gift.
We conducted a design studio with the client. It gave us an opportunity to collaborate with the client and bounce of ideas off each other. It was a very productive session and helped us generate many ideas in a short time.
After Design studio we made some paper prototypes and to make our ideas concrete
We conducted several user testing at each step. From paper prototype to hi- fidelity prototype.
We made changes to our design on each step. Some very useful feedback was received on copy, placement of different sections and process being long etc.
But we faced two main challenges:
The most difficult part of the process was dealing with the form. As mentioned before this is the Organiser Harriets journey, she needs to create an project for her colleague Carly. Once the project is created other people can vote and contribute their Ideas.
As it is a bespoke service, web service asks Harriet a lot of questions and this caused a lot of form fatigue. At every level of prototype we tried to make the form simpler but we always got the feedback that it was too long and made people anxious.
So we ran another Design session and broke the form into a separate dashboard
After defining the style guide, we worked on high-fidelity wireframes and some examples are below
Build a special app specifically for the active smartphone users to allow users to see real-time balances on their accounts and send money easily between account holders.
We did competitor analysis In the traditional banking sector and new bank sector. The traditional banks were HSBC, Santander,Natwest,Metro Bank, First Direct, Barclays and new banks were Revolut, Monzo,and Loot in terms of New Bank.
We decided that as Claire's concerns were closer to the brief, she would be the Primary persona for the project.
We did affinity mapping to better understand our user research and give some order to the findings
After Affinity mapping the group did feature prioritising to understand what was most important to build.
We had three design studio sessions and generated many ideas and features.
We did a quick paper prototype to test it with users and validate the design. We had decided during the iterations to use bluetooth technology to transfer money between two users of the App, as they were in close proximity.
User flow revised after user testing. The goal is that the user can pay her friend easily after checking her balance
Based on the feedback of the users, it was decided to abandon the usage of bluethoot and use the phone number to authenticate the users and allow the money transfer
During this second round of user testing more insights emerged.
I would like to add freeze/unfreeze card, LiveChat feature and explore the notification system.
The World Health Organization (WHO)
The brief was to represent the data published in the WHO European Health Information Gateway. The complexity of the data was high and the goal of the project was to present it in the most accessible way, throught the usage of an interactive data visualization
After a deep analysis of the data and several meetings with the people that work with this data everyday, we decided to use a ranked parallel coordinates type of chart as the main device to represent the value of the different indicators across all the countries reported.
For some specific indicators we decided to use different ways to represent the data. We used slope charts and more traditional bar charts simply because they communicated the story behind the data with more expressiveness than other approaches.
The State of Health project was designed from the beginning with a mobile first approach.
The data used in this project are taken from the Human Development Report 2011 published by the United Nations Development Program that presents the Human Development Index and all its indicators.
Worldshapin won the HDR 2011 Challenge organized by the UNDP Human Development Report Office and Visualizing.org
Eden Garden supply has traded in the Tower Hamlets neighbourhood since 1982.Their customer are local residents and trades people.They want to be Global with a Local feel, and personal yet universal .They give a lot of importance to face to face contact. They offer a highly-curated inventory, focusing on hand picked quality over quantity.
Design of the website for Eden Garden Supply e-commerce.The clients want to let the hand picked, curated selection of products, reach a wider gardening community and establish the brand and its point of difference while maintaining a personal touch.
Creating a prototype for the Eden Garden Supply, using a desktop first approach. Design the experience of shopping online, designed to meet the goals of users , and the business goals of the company.
I conducted competitor analysis with four brands Thomson and Morgan, Homebase, Camden garden, and Boma Garden.
After user interviews with 3 users fitting the ideal Eden Supply customer , 2 personas were created to keep the user needs at forefront.
Based on User Interviews I created two personas and Robert was the Prime Persona for the project
The sample list of products in the store were provided by the client and were 75. To put them in category was very difficult as they were inter linked. Card Sorting was very useful in understanding how users would like to see them in the categories rather than working on my own assumptions. It was also interesting to note what the users were saying while they were sorting the card. One user said “I will put them in the categories I find in real stores” that line gave an insight into how users navigate through a website and how they ll think to find items.
I did the Card Sorting exercise 5 times and was very useful.
I did initial sketches of wireframes using user flow and site maps as a guide.
I did User Testing with 3 people and general feedback was good. It seemed that it was easy to navigate and find the answers, was easy to checkout.
Three main changes came out during the User Testing, which made the navigation even easier. They have been incorporated into the final prototype.
I would like to explore the Live Chat Button and also work on repeat order feature.