UI UX Audit & Analysis Tutorial | GYMSHARK Case Study Included | 2022
💬 Title
UX Audit & Analysis | Heuristic Evaluation
=====
📒 Description
In this video, we're going to look at one of my favourite companies' websites @gymshark @BenFrancis and run a UX Evaluation on their Homepage and Navigation to learn how to conduct and report an analysis like this with a realistic project.
Like & Subscribe
Episode 15
=====
🔗 Links mentioned in this video
• NNG Heuristic Evaluation - www.nngroup.com/articles/ten-...
• Figma Template - aripxl.com/content/ux-audit-&...
🔗 Referral Links
You can support this channel by using my referral links
♥️ Download Figma - psxid.figma.com/it2ka6qdk5dl
🦆 Sign up for Spaceduck - spaceduck.com
=====
🎥 Watch next
👉 Learn Figma for Beginners - • Figma Tutorial for Beg...
👉 UX Sitemap Tutorial - • Introduction and Tutor...
👉 UX Card Sorting Tutorial - • UX Card Sorting Intro...
👉 UX Tree Testing Tutorial - • UX Tree Test Tutorial ...
👉 Intro to UX Research - • UX Design Tutorial: In...
👉 UX Tutorial Playlist - • UX Card Sorting Intro...
=====
🕰 Timestamps
0:00 - Introduction
00:14 - Project Overview (What you'll learn)
00:32 - What is UX Audit & Analysis
01:33 - Why do we do it?
02:20 - When to do the Audit & Analysis
02:54 - How to do it
03:32 - What you need to get started
06:14 - The Project & Self-assessment to understand your experience and shortcomings
07:07 - Initial Research to fill your knowledge gap
07:39 - Why GYMSHARK as our project?
08:16 - Competitors and Design Patterns I looked at
08:56 - Our Customer Personas & Journeys
10:37 - Audit & Analysis Template Walkthrough
12:33 - Conducting the Audit & Analysis
12:47 - E-Commerce Navigation Evaluation
13:40 - Navigation Problem #1
15:22 - Navigation Problem #2
16:55 - Navigation Problem #3
18:18 - Navigation Problem #4
19:47 - Navigation Problem #5.0 #5.1 #5.2 #5.3
23:29 - Navigation Problem #6
24:35 - Navigation Problem #7
25:30 - Navigation Comments / Questions
26:00 - E-Commerce Homepage Evaluation
26:10 - Homepage Problem #1
26:50 - Homepage Problem #2
27:48 - Homepage Problem #3
28:30 - Homepage Problem #4
28:47 - Homepage Problem #5
29:03 - Homepage Problem #6
29:13 - Homepage Problem #7
29:30 - Homepage Problem #8
29:50 - Recommendations Report
32:10 - Post Audit & Analysis
32:22 - Outro
=====
🔗 Connect
• ariurl.com
• aripxl.com
=====
👍 Like & Subscribe
If you appreciate the hard work that went into this video, please show me some love by dropping a Like 👍 and sharing it with other people that you think can also benefit from this. If you have any questions, post a comment down below, and I’ll get back to you when I can. If you haven’t subscribed already, what are you waiting for? Subscribe and turn on the notification 🔔 so that you know when I upload new videos.
=====
🙃 About me
My name is Ari. I’m a digital product designer and developer with over 12 years of experience based in Sydney, Australia. I currently work for a startup, freelance on the side and make these videos to give back to our tech community. If you have any suggestions on how to improve these videos, then let me know!
=====
📧 Contact me
If you have any questions, comment on one of the videos or follow me and ask me on Instagram via DM. If you have a business-related question, email me at - ari@aripxl.com
=====
🔢 Subscriber Count
714
=====
📑 Hashtags
#UIUXDesign #UXResearch #HeuristicEvaluation
Пікірлер: 122
Exremely useful video!! As someone from a 3rd world country and can't afford all the expensive courses online, THANK YOU!! for making it accessible to people who are seeking this knowledge. I can't thank you enough! Also, it was so easy to understand and your way of explaining as well as your organization skills are top tier.
one of the most helpful videos I've come across this year. keep it up
This was incredibly useful, thank you!
Love your channel !!
This is Amazing, thank you so much!! finally, now I understand UX audit!!
WOW one of the best videos i've ever seen rthanks a lot man!!!
Great content as always! Looking forward to more!
@AriPxl
2 жыл бұрын
Cheers Mario. Doing more 😉
wham this is so good! i like how you organize the info and break them down.
Thanks Ari! Very helpful video
Really great stuff - Thanks!
Amazing walkthrough tt's so detailed and clear. Also, love the template and specific points you shared that cuts across domains of UX to marketing. Thank you!
Learning so much from your videos, thank you.
High quality content. Thanks !
Thanks! Very helpful!
very insightful, thank you!
This is such a gem! I well organized and pack with so much insightful information!
@AriPxl
2 жыл бұрын
Glad you found it useful :)
This is amazing! ❤🎉
Amazing video. It's very informative and helpful
Very helpful video!! Thank you!
Really useful video. One of my mentors recommended it for the project I am doing. So much is packed into those 33 minutes. I feel my time was well spent watching it!!!
@AriPxl
2 жыл бұрын
Useful information fast 😁 glad it was helpful
Came across this video and looks helpful, thank you!
Amazing video. Keep them coming 🎉
This was amazing, thank you very much. It very insightful, I particularly loved how you documented and presented your findings.
@AriPxl
Жыл бұрын
Glad you found it helpful Fayemi
I’m starting an e-commerce ux job next week. This video is gold. Thanks!
Great video for UXAudit. It's been a helpful and knowledge-gaining process. thanks, Ari.
@AriPxl
2 жыл бұрын
Glad you found it helpful!
This was super helpful! Thank you for patiently explaining the entire process.
This is really helpful, thank you for sharing. 👍
Really loved the way u showed the process...
Amazing! Thank you
Woah, this is super helpful.
This is very helpful, thank you for sharing.
What a great video for someone getting started with the UX. Thanks a lot! I checked your courses and it seems like you're getting them ready for 2024. Too bad, I would buy one right away! You have incredible tutorials on auto-layout and your workflow, usage of keyboard shortcuts and such is very, very effective. Thanks for everything :-)
@AriPxl
Жыл бұрын
Cheers, I'm trying to provide as much value as I can for free right here on KZread, hopefully this content can help you where you need it.
I usually don’t comment on videos but this video made me do it! Very helpful
Super super helpful video. Thank you Ari. Subscribed!
@AriPxl
Жыл бұрын
You’re welcome man, glad you found it helpful
this was very helpful. Thank you
Love it 💪
Great source of information, Thanks.
Very helpful, thanks ❤
Really helpful video! I'm currently learning how to do a UX Audit and I found exactly what I was looking for. Thanks man!👌🏼
Very helpful and insightful, great tutorial to understand and Identify usability problems. Thank you!!
@AriPxl
2 жыл бұрын
Thanks! Glad you found it helpful
Holy Shit!! That was a jam packed video. I would love to see more UX analysis on ecommerce sites, especially PDPs.
Thanks very helpful and informative
Thanks for this :)
Thanks man!
Thank you so much for this video, it's amazing! appreciate the efforts, it's very helpful and insightful
@AriPxl
Жыл бұрын
Glad you found it helpful!
Your channel is the best! Please upload how to solve design assignments!
really helpul, thanks
they might of watched this video because most of what you pointed out was sorted !
Really Awesome Session
Crazy cool video!
@AriPxl
Жыл бұрын
Thanks Sagnik
Great
Great video! Really valuable content! What font did you use for the headings?
Nice ☺️👍
Very helpful video, thank you! One thing I would love to be elaborated on is - how do you apply your customer journey / user persona to the audit findings?
@AriPxl
2 жыл бұрын
Hi Michelle, thank you, glad you found it helpful. To answer your question better I'll probably do a different video on those topics and connect them all together. But a shorter answer is that every research that you conduct is based on a User/Customer persona, their needs, problems etc and you use the persona to look for specific things when you conduct an audit. Customer journey is a bit more complex as it depends on a persona and on how macro/micro your journey is and then the same thing, look for certain things at specific journey points, making sure the journey you're trying to design and achieve for the user makes sense and conduct your audit based on that. Hope this helped.
Such a great and helpful video, thank you for this!! Question: How do you quote the length of time an audit will take? How many hours roughly would an audit like this take?
As a fellow freelancer, I loved this video! One practical question, what software do you use to film your screen? OBS? It seems so smooth.
Good and helpful video for the beginners. Being a UX designer I would suggest not to add any music to the video as it is taking the attention.
This video helped me a lot as I am a beginner in UX. Could you please create more videos where you do UI/UX audits on certain websites? I appreciate the effort, as I know it's time-consuming. 🙏🙏
@AriPxl
Жыл бұрын
Maybe more in the future, I have a huge backlog of videos I'm creating, so stay tuned
Hello! Thanks for the video!! 😊 Very informative. I want to know if can I can make a copy of your template to my drafts and edit it ?
I'm a product designer from Spain, this is the best video I have seen in UX/UI so far. Unbelievable, but have you find that framework you mentioned at the beginning? You explained you use 2 different frameworks: nngroup and another one u couldn't find it. Thanks so much
@AriPxl
Жыл бұрын
Glad you found this helpful. Unfortunately couldn’t find it, but I’ll make a video in the future about it.
Hey Ari, where did you get you site your research for the customer journey map? Cheers :)
Excellent video! I was wondering how you deliver the results to the client. I mean, I imagine you provide a report in a more standardized format (horizontal or vertical); perhaps DIN A4 format in case the client needs to print it? How do you present the results of each screenshot? One page per screenshot? I'm curious about this matter. Thank you and congratulations on the great work you do!
@AriPxl
Жыл бұрын
Reports never get read. I, quite literally deliver what you see in this video, it's much easier to read, understand and action rather a old school long report that will never get used.
We need a series that takes the project from there to the final redesign 🙏
@AriPxl
Жыл бұрын
Haha maybe
Hey Ari!! Amazing content and the way you explained it.. it was really insightful. I would like to know the processes applied before and after the UX audit to get a better understanding. How do you use these insights from UX audit in your next steps?
@anthonyakintola3832
Жыл бұрын
He has a video on ux processes as well you might want to check that out
@AriPxl
Жыл бұрын
It depends on what the client wants… For example some just take the report and run with it, others might want me to help them prioritise these and actually work on the individual tasks with them
Do you have ui inspection session?
I already have a suggestion for KZread, they should keep the "show more"/"show less" button near the top of the description so we can easily expand and collapse the section
@AriPxl
Жыл бұрын
Send it to them! Haha
is the audit & analysis very much related to bachelor in business of information system?
What does it say when a major corporation that employees a full-time UX team still has usability problems on their website that are found by an external evaluator?
Hi Ari, great video extremely insightful! As mentioned in the video, are you able to share the Figma template you used? :)
@AriPxl
2 жыл бұрын
Hey, sorry for the late response, but yes link below: aripxl.io/IphSvM
@sheffiezhang1119
2 жыл бұрын
@@AriPxl Amazing. Thank you so much Ari :)
Hi Ari, what's your take on backing up the analysis with some UX principles? Recently I did a simple app analysis and i got feedback that some of my analysis sound like a "I feel" comments instead of a proven statements. So it got me curious about this. Thanks
@AriPxl
Жыл бұрын
A common rule of thumb is to critique your own work as you design or analyse it. Every detail I provided in this video draws from my knowledge and experience in facing many of these industry challenges. I can support each point with data, including potential user tests if necessary. Therefore, it is important to have a solid, data-driven rationale for your work.
@RBLXGaming23
9 ай бұрын
The whole point of a heuristic assessment is that it is NOT data-driven. You don't have data, only principles to guide you. You get data from testing, but that is a different type of assessment.@@AriPxl
Hi Ari, I like this video very much, it helped me a lot! Did you tell you will provide the templates for download somewhere? I can't find anything....😊 Thanks a lot!
@e.r.3785
Жыл бұрын
I found it at the end of the comments. May be you can put it under the video in description, so everyone can find it easily: aripxl.io/IphSvM 😉
@AriPxl
Жыл бұрын
Done, thanks for reminding me, totally forgot
It would be great if you shared your Figma template to save people making a new one
@AriPxl
Жыл бұрын
aripxl.io/IphSvM
Hey Ari, is it possible to share the editable figma file for this? Thank you so much and great job! :)
@webflowdeveloper
2 жыл бұрын
Duplicate the Project into your figma files and You will be able to edit it
Very helpful information. Where i can find the template? Thanks for the content.
@AriPxl
Жыл бұрын
aripxl.io/IphSvM
Amazon video. I just have a question. That analysis is from our perspective but how about the user? Can we do a user audit or would it be a user testing?
@AriPxl
Жыл бұрын
So the analysis is based on experience working on eCommerce sites and best practices that exists out there, e.g. Good Search Patterns. It would also help if you have a Persona handy as that can guide some of your thoughts and analysis too. User Testing is another good way to sanity check your work or a website to figure out usability issues, but it's usually more time consuming and expensive than Auditing, so it's another good tool to achieve a similar thing from a real user and in some cases provides better results, but it's not always possible.
your video was quite helpful is it possible to share the template you have created in Figma with this case study. Thanks
@AriPxl
Жыл бұрын
aripxl.io/IphSvM also just added it to the description too
I tried downloading the template but it isn't opening
Did u ever watch that 70's show?
@AriPxl
Жыл бұрын
Not really. Saw a few episodes here and there
Really cool tutorial but can you share your use case file for template pleeeease ? :D
@AriPxl
Жыл бұрын
aripxl.io/IphSvM there you go, also added it to the video description
@frenchzer4787
Жыл бұрын
@@AriPxl thaaaàaaanksss
Normally this be done on all pages?
@AriPxl
Жыл бұрын
It depends, If you’re working on just a few pages then just on those but I have been hired in the past to do this on an entire app or website.
could you share me audit file ?
@AriPxl
2 жыл бұрын
Sure -> aripxl.io/IphSvM
@koraljkadecarina3440
2 жыл бұрын
Thanks for sharing the file
These terms are so abstract
@AriPxl
Жыл бұрын
Which terms?
@davidfitcher2953
Жыл бұрын
@@AriPxl Audit, Usability, Accessibility
@AriPxl
Жыл бұрын
@@davidfitcher2953 Usability refers to the quality attribute of how easy something is to use, in our case User Interface, or this website. Accessibility, in this case refers to providing access to people with possible disabilities or shortcomings, e.g. bad eyesight, color blindness, unable to use a mouse or keyboard etc Audit, is what we're doing in this video Hope this helps
really helpful video!!!! thanks for this informative video