Ux case study medium

There are a lot of talks about UX design role in creating exceptional digital services. Almost everyone agrees that it is impossible to succeed in digital market without using UX design methods and Design Thinking process.

As we all know it is better to see something once than to hear about it a thousand times. This is a great chance to uncover user-centred interface engineering process in action. We hope those insights will inspire you to schedule some crucial reinventions of your digital service in This is what enables one-click shopping and real-time updates on everything from world news to what your friend had for lunch.

But somehow the potentially engaging activity of booking a flight is actually quite the opposite. What would an engaging airline site look like? And it needed to happen quickly.

This is the story of how a designer applied the focused research, collaboration and unwavering customer focus of Lean UX to deliver bottom-line results.

UI/UX design case study structure

After all, technology that disrupts the banking industry, if used properly, can become its savior. We have spent the last few months combining our knowledge and experience from engineering dozens of financial services in UXDA with recent trends in the financial industry to create vision of the future banking. Its primary purpose is as a promotional tool to help entice travelers to visit Canada vs other out-of-country destinations and businesses.

We express ourselves through fashion, music, art, and through furniture. Houzz is an interior design app that has thousands of furniture inspirations for users to express their styles. For example, an app that allows you to select ingredients you have in your fridge and get some interesting recipes. Let the app not you think about what to cook! Read other posts from UXDA:.

UX design case study of how online banking user interface should work. Visit UX Design Agency to learn more about our work and portfolio. UXDA is a leading financial user experience and user interface design agency for banking and FinTech that executes design thinking in finance industry.

Our UX firm mission is to reinvent the finance industry by delivering clever user interface solutions. To achieve that our UX consultants and UI designers execute research, engineering, wireframing, web design, mobile app design, tablet design, wearable design, and testing. Our work provides significant changes in online banking, FinTech, payments, forex, CFD, fast loans, and insurance.

Sign in. Muzli - Design Inspiration All the design inspiration you need. Muzli - Design Inspiration Follow.Skyscanner is a leading travel search site, used by over 60 million people each month.

The platform connects users directly with airlines, making it effortless to easily find and book the right ticket online. But Skyscanner is more than that. As part of their vision states —. Skyscanner is a place where people are inspired to plan and book direct from millions of travel options at the best prices. Aiming to be a platform that inspires travellers, their clever search options allow you to fill in the gaps of your trip details that are still unknown.

Imagine you have a long weekend and decide to make a short trip within set dates. But what if the opposite is true — you know your destination, but not your dates? Say, for example, that Singapore has always been on your bucket list. You decide to go on a seven-day trip, but are flexible in taking off days from work.

ux case study medium

Which option would be the most suitable for you? Answering this poses a couple of problems for the user. There is no option to search within a date range, neither is there a way to define the length of your stay.

This leaves you with two search tactics:. My goal is to be presented with an overview of the best flight options within a customised date range and trip lengthfrom which I can choose and book my flight. This means, I need to be able to:. Grouping — All alternative searches, such as searching with the map or looking for hotels or cars, have been placed in the upper navigation menu. By increasing the color contrast between active and inactive, these different options become more clear.

Imagery and colours — Imagery is an important element that helps people to get inspired. These can be refined according to further research. Clustering — to help guide the user through the search process, a clear distinction has been made between primary input and secondary options.

The entire search bar is reduced from five to three fields, in order to streamline the flow and make it feel less overwhelming. The departure and return date inputs have been reduced to a single field.

ux case study medium

Components — Clicking on each of the fields triggers a corresponding component. Flexible dates — the key interaction in solving the user problem is the new option to select flexible dates. This is solved in the following way:. When the user finally clicks the search button, a selection of most suitable options is displayed.

No redirecting — in the new flow, users are not being redirected to a new page where results are loaded. Instead, the search area is reduced in height, as results are loaded below. Flight information — the displayed flight information is similar to when a user searches for specific dates. The only variable that now needs to be prominently present, is the flight date itself.

Additional filters — these have been collapsed in an attempt to avoid clutter. Further research needs to show the possible up- and downsides of hiding these filters.

Due to time constraints, the pain points that were highlighted are based on my personal experience with Skyscanner and the assumption that this is a wider problem. Further research needs to show whether it actually is a common struggle among users.

And of course, additional testing needs to be conducted in order to refine and validate the solution.Brief : Timely provide to quick read articles from 2—5 mins. News catered to specific users based on their schedule and habits. The New York Times app loses the love of usersdue to a myriad of reasons. Along with the competition and cost, the following factors are the reasons for the difficulties. Coverage Users are unhappy about something they read 2.

Life-changing event moving. Lack of usage. Irrelevant content. Instead of overhauling the existing NYT app, we will add a subtle and useful feature to that landing page called Timely.

That will enable the user to receive notifications at opportune moments throughout a busy day: at breakfast, commute, before a meeting, during a coffee break or right before bed. These notifications will assist the user to open Timely and access articles. It will take only a short time to read. Most importantly, the articles are catered to each user based on their interests and habits. We researched the habits of young people. Hence we can fit into their life instead of just urging our app.

As it is a four weeks project, we have set a boundary to design a simple solution. We have interpreted the possible solutions suitable for the user. User: People aging 20—40 years old are tech savvy and use google calendar for scheduling their life. Market: Young population in New York. A Reuters Digital News report gave us tremendous insight into the state of news consumption globally.

We chose this category of people to understand the pain points and their day to day challenges. Maybe time management is a major issue. After our research and user interviews, we have come up with a set of design principles to admit while designing. We want to maintain the direct relationship between the interview result and our UI design. Each user has a unique schedule and habits.

The experience has seamlessly integrated into their daily program without any complicated steps. The intact background of this app is simple to use. The users need not learn a new pattern. The design should be beneficial and accessible to the user. There should be no insignificant disturbances with many notifications. After our interview, we mapped the response and thought of the user to understand their environment and emotional connection.

We made a visual storyboard to study how they will explore this feature and what are all the circumstances they use in this app. Based on the feedback, we propose our design in portrait view with more typical scroll pattern. As we started accomplishing more on the screen, we thought to zoom the lifestyle of the user. Hence we can think of the simple way to fit into their life.

After our brainstorming section with storyboarding, we come up with two modes. Based on the interviews with participants and researchers, we have devised a definite pattern. It symbolizes the young people to use this app if it fits into their lifestyle and schedule.

This project gives me an understanding that how difficult it is to introduce the small new feature into a reputed company.There are generally three types of people in the world when it comes to exercising:. I, along with most people I know, are the third type of person. We are called the general consumers of the multi-billion dollar worth of wearable fitness tracker market.

Over the years, I have tried a few fitness trackers and my current obsession is Fitbit. So I decided to put my UX designer hat on and venture into the wild to see if anyone else shares my problems and if I could make any improvements to the app.

To start off, I created a provisional persona of a potential Fitbit user based on online research and my understanding of people who I knew that used Fitbit.

This persona was created with assumptions and not fully research-based but it was something that I came back to throughout my project to guide my design decisions and priorities. I used the Jobs To Be Done framework to explore different contexts in which a user would use Fitbit and to understand their motivation and desired outcome.

I created the following job stories based on interviews with users of Fitbit:. Based on the job stories and my understanding of the core functions of the Fitbit app, I developed a few scenarios with a series of tasks, such as:. Now comes the fun part. What is a better way to get some quick and free usability results than carrying out a guerrilla usability test? With this plan, I headed to Westfield San Francisco Center to approach shoppers coming out of yoga and sports brand stores.

I verified that they at least exercise once a week before starting the usability test.

ux case study medium

In the end, I tested the tasks with five individuals. Here is a breakdown of their familiarity with fitness trackers. Then I used affinity mapping to group the pain points into similar categories on a whiteboard. Then I prioritised each pain point based on its importance to the user as well as its importance to Fitbit. My assumptions of the importance to users were based on conversations with the existing and potential users.

My assumptions of the importance to Fitbit were based on my analysis of their website and marketing materials. Tracking, logging and editing the exercise were core functions of the product and challenging a friend was a core feature that made Fitbit stand out as a social fitness app.

I decided to tackle the four pain points that were both important to users and Fitbit. I redefined the pain points below. Pain Point 1: Discoverability issue with tracking and logging exercise.

There are two entry points to track or log an exercise on the app: through a floating action button on the dashboard page and through the exercise page, but both entry points have discoverability issues. Pain Point 2: Users had difficulty finding the relevant exercise type to log. Fitbit has a large database of over exercises that users can use to log exercise and only 19 exercises available for tracking.

But the app does not show a list of all exercises presumably because such a long list may be overwhelming. For the usability test, the prompt was to log a chest and arms workout at the gym. The most relevant exercise type on the database is weights but this is unknown to the user. Pain Point 3: Users could not edit exercise records apart from exercise type.

There are four different ways to record an exercise onto the Fitbit app.At Booking. Each day, more than 1, room nights are reserved through the platform. Whether travelling for business or leisure, customers can instantly book their ideal accommodation quickly and easily, without booking fees.

Since Booking. During the research I identified many different scenarios and I kept my focus and develop the the following:. Going further through the research, I identified 4 personas which have different needs and different goals. This data will be useful to improve the user experience for each one of them. I reached out good hints from users reviews which have not highlighted relevant issues about usability or functionalities.

The most relevant is, without any doubt, the booking cancellation. Too many users noted unjustified fees or difficulties getting in touch with the hosts.

Case Study

Based on a sample group of 30 users, I tried to get further feedback from which I highlighted the following considerations:. Starting from the pain point, I tried to find solutions to solve them and introduce new features overall to improve the user experience.

The searching process has been completely redesigned, trying to avoid too much information being required to get a result in the first instance. Search — Now the process has been split in multiple steps. After the first one, the user is allowed to reach the listing page even without specifying any dates or other information.

Therefore the scenario 3 is covered. Based on the assumptions I took from the personas, the result of the listing page will be customised using the information from the last step of the search:.

Note: Even the facilities highlighted in the listing page will be shown based on these assumptions. The listing page shows many overall changes to improve the usability:. Note: Leveraging the personas data, the property listing can be customised to highlight relevant information which each persona is looking for.

In this case the price has been shown by total, to avoid to hide potential additional fees which might affect the total price. To provide a better user experience, I introduced a new section where the user can find packages from various destinations.

Thanks to the filter, the user is be able to select the packages most suitable for its needs period — continent — country etc…. I built a prototype which shows the entire project, showing each one of the mockups faced before. Due to time constraints, the research and consequents assumptions are based on my personal experience and a small amount of data.

Deep analysis and additional testing needs to be conducted in order to refine and validate the solution. Thank you for reading! Hopeful you enjoyed this case study. Say hello at hello filipporovelli. Sign in. Filippo Rovelli Follow. Research Since Booking. Scenario During the research I identified many different scenarios and I kept my focus and develop the the following: Scenario 1: user knows dates and destination of its trip default scenarios Scenario 2: user knows dates but not the destination of its trip Scenario 3: user knows destination but not the dates of its trip.

User Persona Going further through the research, I identified 4 personas which have different needs and different goals. User reviews I reached out good hints from users reviews which have not highlighted relevant issues about usability or functionalities. Prototype I built a prototype which shows the entire project, showing each one of the mockups faced before. Conclusion Due to time constraints, the research and consequents assumptions are based on my personal experience and a small amount of data.

Muzli - Design Inspiration All the design inspiration you need. Italian designer based in Guangzhou. Muzli - Design Inspiration Follow.Sign in Get started. Follow Following. Fabricio Teixeira Apr 4. Read more…. Humans love step-by-step tutorials. Fabricio Teixeira Mar 9.

UX Collective

I feel lucky. Being one of the editors at the UX Collective allows me to read tons of great stories every week, submitted by designers…. Fabricio Teixeira Dec 15, Wait, do you really want to become a design manager? Fabricio Teixeira Feb The ultimate guide to proper use of animation in UX. Taras Skytskyi Sep 4, Vadim Grin Mar Using auto-layout components in Figma.

Aleksei Kipin Mar Stories from the community. The best type of user you want for your app. Loading: Neumorphism 2.

The UI Design trend that refuses to die, may have some uses after-all. Michal Malewicz Apr Service design in the age of a pandemic. A service design blueprint showing how a San Francisco grocery store quickly adapted to rapid daily changes during a pandemic. Hazel Ho Apr 8. Design by crisis: tectonic shifts in design constraints. Jan Wessel Hovingh Apr 8. How to be useful as a UX designer in pandemic.

You also see how much the business values your work. Vasil Nedelchev Apr Successful navigation of the UX research landscape. Nima Torabi Apr Three ways the year-old Bauhaus movement speaks to our time. Wenting L. Apr 9. The importance of pilot testing your user research.So begins an embarkation on my first ever UX case study evaluation. Having read multiple Medium articles on this topic, I was itching to give this whole process a go. E-commerce apps are not exactly the easiest to evaluate and re-design given their navigation complexities, but I chose Shopee as my case study of choice because I wanted to give myself a challenge.

Shopee is one the leading eCommerce platforms in Southeast Asia. It also has an in-app chat function that allows buyers to chat with sellers, as well as a rewards section that allows users to redeem Shopee Coins and exchange them for vouchers.

This case study will analyse in detail and aim to improve the user experience that Shopee buyers have when using the app. Below are the methodologies included in each phase of my design process:. Looking at the average rankings across the app stores, Shopee places 3rd, with Lazada and AliExpress taking the 1st and 2nd place respectively.

The latter two will be taken as the main apps for comparisons against Shopee and referred to for good use case examples.

ux case study medium

Coincidentally, their app colour is all the same — orange! Confusing much…. Below is my slide deck of the screenshots and pointers. I interviewed 4 users of the Shopee app to find out what they thought about it. These users consisted of a mix of both frequent users and users who seldom use the app to balance out the findings.

Key Findings. Apart from interviewing these users, I also went to the app-store to see what other users had to say about the app. Below are some screenshots of relevant comments:.

While a lot of the comments were praises about the app, there were a few gripes here and there mainly related to the authenticity of sellers and products and the poor organisation of the app. This was similar to some of the user interviews as well. After interviewing the users, I gave 2 tasks for them to carry out, which I screen-recorded for further analysis. From there, we created problem statements for each of these personas:. Persona 1 Steffi Low : Steffi needs more product reviews in the product listings so that she can be sure her money is spent rightfully.

She also wants the Shopee Mall categories to show sub categories as well so that she can further narrow her search better. Persona 2 Rachel Tay : Rachel needs a less cluttered interface and more obvious filter options in the Shopee Mall section of the app so that she will be more inspired to browse and discover more products beyond her usual buy.

Persona 3 Adrian Low : Adrian needs the app features to be less confusing. Next, I prioritised the features according to what was important to both the user and the business. More important points can be addressed in earlier design sprints, and the rest subsequently.

Redesigning the New York Times app — a UX case study

However, I will still touch on most of these points in my prototype. Keeping in mind to keep in constant the brand colours and stick to the same main categories, I came up with a wireframe and prototype of the new design I had in mind. What changed? Singaporeans love free stuff. The current way to access Shopee Coins is through a link in the account tab see in interactive mockupwhich was not prominent at all.

Shopee Mall. Most of them felt like it was just a repeated portion of the home page. Shopping Cart. Again, I replaced one of the main tabs — this time changing out notifications for shopping cart.


Replies to “Ux case study medium”

Leave a Reply

Your email address will not be published. Required fields are marked *