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

  • @byebyebirdie8027
    @byebyebirdie802710 ай бұрын

    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.

  • @jude_I
    @jude_I2 жыл бұрын

    one of the most helpful videos I've come across this year. keep it up

  • @basiccomponents
    @basiccomponents11 ай бұрын

    This was incredibly useful, thank you!

  • @cutia2vt064
    @cutia2vt0642 жыл бұрын

    Love your channel !!

  • @amjadabaalkhayl4388
    @amjadabaalkhayl4388 Жыл бұрын

    This is Amazing, thank you so much!! finally, now I understand UX audit!!

  • @siddhibhatia5714
    @siddhibhatia5714 Жыл бұрын

    WOW one of the best videos i've ever seen rthanks a lot man!!!

  • @mariopurisic5133
    @mariopurisic51332 жыл бұрын

    Great content as always! Looking forward to more!

  • @AriPxl

    @AriPxl

    2 жыл бұрын

    Cheers Mario. Doing more 😉

  • @misterhanwee1030
    @misterhanwee1030 Жыл бұрын

    wham this is so good! i like how you organize the info and break them down.

  • @nasti_shr
    @nasti_shr2 жыл бұрын

    Thanks Ari! Very helpful video

  • @sandrastrom3550
    @sandrastrom3550 Жыл бұрын

    Really great stuff - Thanks!

  • @kohkoh17
    @kohkoh175 ай бұрын

    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!

  • @observing8685
    @observing868510 ай бұрын

    Learning so much from your videos, thank you.

  • @biiiiiimm
    @biiiiiimm Жыл бұрын

    High quality content. Thanks !

  • @oleksandrboiko554
    @oleksandrboiko5542 жыл бұрын

    Thanks! Very helpful!

  • @AmxrJ99
    @AmxrJ99 Жыл бұрын

    very insightful, thank you!

  • @nicki_nick
    @nicki_nick2 жыл бұрын

    This is such a gem! I well organized and pack with so much insightful information!

  • @AriPxl

    @AriPxl

    2 жыл бұрын

    Glad you found it useful :)

  • @user-pn7vt2lw3d
    @user-pn7vt2lw3d2 ай бұрын

    This is amazing! ❤🎉

  • @sheikaadhil4471
    @sheikaadhil44712 жыл бұрын

    Amazing video. It's very informative and helpful

  • @user-cb3ve5cw6p
    @user-cb3ve5cw6p Жыл бұрын

    Very helpful video!! Thank you!

  • @koraljkadecarina3440
    @koraljkadecarina34402 жыл бұрын

    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

    @AriPxl

    2 жыл бұрын

    Useful information fast 😁 glad it was helpful

  • @AkinsRealm
    @AkinsRealm11 ай бұрын

    Came across this video and looks helpful, thank you!

  • @VlogDeIT
    @VlogDeIT5 ай бұрын

    Amazing video. Keep them coming 🎉

  • @fayemidavid186
    @fayemidavid186 Жыл бұрын

    This was amazing, thank you very much. It very insightful, I particularly loved how you documented and presented your findings.

  • @AriPxl

    @AriPxl

    Жыл бұрын

    Glad you found it helpful Fayemi

  • @james1327
    @james13276 ай бұрын

    I’m starting an e-commerce ux job next week. This video is gold. Thanks!

  • @rashikaalgole6317
    @rashikaalgole63172 жыл бұрын

    Great video for UXAudit. It's been a helpful and knowledge-gaining process. thanks, Ari.

  • @AriPxl

    @AriPxl

    2 жыл бұрын

    Glad you found it helpful!

  • @gayathriveluri8811
    @gayathriveluri8811Ай бұрын

    This was super helpful! Thank you for patiently explaining the entire process.

  • @srjthnp
    @srjthnp Жыл бұрын

    This is really helpful, thank you for sharing. 👍

  • @kaushikmitra6402
    @kaushikmitra64025 ай бұрын

    Really loved the way u showed the process...

  • @taz2392
    @taz2392 Жыл бұрын

    Amazing! Thank you

  • @tylerriggs95
    @tylerriggs95 Жыл бұрын

    Woah, this is super helpful.

  • @user-kj2yo7eh9p
    @user-kj2yo7eh9p Жыл бұрын

    This is very helpful, thank you for sharing.

  • @TheMoki
    @TheMoki Жыл бұрын

    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

    @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.

  • @animesh.design
    @animesh.design Жыл бұрын

    I usually don’t comment on videos but this video made me do it! Very helpful

  • @thomasm2405
    @thomasm2405 Жыл бұрын

    Super super helpful video. Thank you Ari. Subscribed!

  • @AriPxl

    @AriPxl

    Жыл бұрын

    You’re welcome man, glad you found it helpful

  • @yashkanbargi
    @yashkanbargi2 жыл бұрын

    this was very helpful. Thank you

  • @nadiaoosty
    @nadiaoosty2 ай бұрын

    Love it 💪

  • @kazisaiful4939
    @kazisaiful4939 Жыл бұрын

    Great source of information, Thanks.

  • @abdu_brh
    @abdu_brh Жыл бұрын

    Very helpful, thanks ❤

  • @patrickkamgang6433
    @patrickkamgang6433Ай бұрын

    Really helpful video! I'm currently learning how to do a UX Audit and I found exactly what I was looking for. Thanks man!👌🏼

  • @dennisdiaz504
    @dennisdiaz5042 жыл бұрын

    Very helpful and insightful, great tutorial to understand and Identify usability problems. Thank you!!

  • @AriPxl

    @AriPxl

    2 жыл бұрын

    Thanks! Glad you found it helpful

  • @anaghnair
    @anaghnair Жыл бұрын

    Holy Shit!! That was a jam packed video. I would love to see more UX analysis on ecommerce sites, especially PDPs.

  • @sallyking-carmichael4351
    @sallyking-carmichael43512 жыл бұрын

    Thanks very helpful and informative

  • @blaircarrick514
    @blaircarrick514 Жыл бұрын

    Thanks for this :)

  • @user-rw7jd9fi1d
    @user-rw7jd9fi1d3 ай бұрын

    Thanks man!

  • @alya6393
    @alya6393 Жыл бұрын

    Thank you so much for this video, it's amazing! appreciate the efforts, it's very helpful and insightful

  • @AriPxl

    @AriPxl

    Жыл бұрын

    Glad you found it helpful!

  • @manashkashyap7780
    @manashkashyap77802 жыл бұрын

    Your channel is the best! Please upload how to solve design assignments!

  • @sirhisham3427
    @sirhisham3427 Жыл бұрын

    really helpul, thanks

  • @mrelad.
    @mrelad.7 ай бұрын

    they might of watched this video because most of what you pointed out was sorted !

  • @Nurhasan404
    @Nurhasan404Ай бұрын

    Really Awesome Session

  • @bagchi_sagnik
    @bagchi_sagnik Жыл бұрын

    Crazy cool video!

  • @AriPxl

    @AriPxl

    Жыл бұрын

    Thanks Sagnik

  • @1980nikolov
    @1980nikolov6 ай бұрын

    Great

  • @dorianakalaj
    @dorianakalaj7 ай бұрын

    Great video! Really valuable content! What font did you use for the headings?

  • @jhonbhai8943
    @jhonbhai8943 Жыл бұрын

    Nice ☺️👍

  • @michelleloves
    @michelleloves2 жыл бұрын

    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

    @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.

  • @user-we5es5od7x
    @user-we5es5od7x5 ай бұрын

    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?

  • @stevenr.durgin8575
    @stevenr.durgin85757 ай бұрын

    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.

  • @swetaverma2662
    @swetaverma266210 ай бұрын

    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.

  • @loooismd
    @loooismd Жыл бұрын

    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

    @AriPxl

    Жыл бұрын

    Maybe more in the future, I have a huge backlog of videos I'm creating, so stay tuned

  • @karimev2011
    @karimev20117 ай бұрын

    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 ?

  • @charlixxxxxxxxx
    @charlixxxxxxxxx Жыл бұрын

    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

    @AriPxl

    Жыл бұрын

    Glad you found this helpful. Unfortunately couldn’t find it, but I’ll make a video in the future about it.

  • @Sochueats
    @Sochueats Жыл бұрын

    Hey Ari, where did you get you site your research for the customer journey map? Cheers :)

  • @kilometrosparasanar-sergio2446
    @kilometrosparasanar-sergio2446 Жыл бұрын

    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

    @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.

  • @abdu_brh
    @abdu_brh Жыл бұрын

    We need a series that takes the project from there to the final redesign 🙏

  • @AriPxl

    @AriPxl

    Жыл бұрын

    Haha maybe

  • @SanjanaKumari-cm6yq
    @SanjanaKumari-cm6yq Жыл бұрын

    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

    @anthonyakintola3832

    Жыл бұрын

    He has a video on ux processes as well you might want to check that out

  • @AriPxl

    @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

  • @blissfuly8375
    @blissfuly837511 ай бұрын

    Do you have ui inspection session?

  • @mboshu5551
    @mboshu5551 Жыл бұрын

    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

    @AriPxl

    Жыл бұрын

    Send it to them! Haha

  • @hoyeankit2691
    @hoyeankit26919 ай бұрын

    is the audit & analysis very much related to bachelor in business of information system?

  • @RBLXGaming23
    @RBLXGaming239 ай бұрын

    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?

  • @sheffiezhang1119
    @sheffiezhang11192 жыл бұрын

    Hi Ari, great video extremely insightful! As mentioned in the video, are you able to share the Figma template you used? :)

  • @AriPxl

    @AriPxl

    2 жыл бұрын

    Hey, sorry for the late response, but yes link below: aripxl.io/IphSvM

  • @sheffiezhang1119

    @sheffiezhang1119

    2 жыл бұрын

    @@AriPxl Amazing. Thank you so much Ari :)

  • @misterhanwee1030
    @misterhanwee1030 Жыл бұрын

    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

    @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

    @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

  • @e.r.3785
    @e.r.3785 Жыл бұрын

    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

    @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

    @AriPxl

    Жыл бұрын

    Done, thanks for reminding me, totally forgot

  • @ashauke
    @ashauke Жыл бұрын

    It would be great if you shared your Figma template to save people making a new one

  • @AriPxl

    @AriPxl

    Жыл бұрын

    aripxl.io/IphSvM

  • @SherealynRemigio
    @SherealynRemigio2 жыл бұрын

    Hey Ari, is it possible to share the editable figma file for this? Thank you so much and great job! :)

  • @webflowdeveloper

    @webflowdeveloper

    2 жыл бұрын

    Duplicate the Project into your figma files and You will be able to edit it

  • @brunofloramo
    @brunofloramo2 жыл бұрын

    Very helpful information. Where i can find the template? Thanks for the content.

  • @AriPxl

    @AriPxl

    Жыл бұрын

    aripxl.io/IphSvM

  • @idibradley9702
    @idibradley9702 Жыл бұрын

    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

    @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.

  • @_plastikman
    @_plastikman Жыл бұрын

    your video was quite helpful is it possible to share the template you have created in Figma with this case study. Thanks

  • @AriPxl

    @AriPxl

    Жыл бұрын

    aripxl.io/IphSvM also just added it to the description too

  • @OnanefeEde-Usoh
    @OnanefeEde-Usoh3 күн бұрын

    I tried downloading the template but it isn't opening

  • @UserfeedbackbyTea
    @UserfeedbackbyTea Жыл бұрын

    Did u ever watch that 70's show?

  • @AriPxl

    @AriPxl

    Жыл бұрын

    Not really. Saw a few episodes here and there

  • @frenchzer4787
    @frenchzer4787 Жыл бұрын

    Really cool tutorial but can you share your use case file for template pleeeease ? :D

  • @AriPxl

    @AriPxl

    Жыл бұрын

    aripxl.io/IphSvM there you go, also added it to the video description

  • @frenchzer4787

    @frenchzer4787

    Жыл бұрын

    @@AriPxl thaaaàaaanksss

  • @Imjustabagel
    @Imjustabagel Жыл бұрын

    Normally this be done on all pages?

  • @AriPxl

    @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.

  • @thienle4893
    @thienle48932 жыл бұрын

    could you share me audit file ?

  • @AriPxl

    @AriPxl

    2 жыл бұрын

    Sure -> aripxl.io/IphSvM

  • @koraljkadecarina3440

    @koraljkadecarina3440

    2 жыл бұрын

    Thanks for sharing the file

  • @davidfitcher2953
    @davidfitcher2953 Жыл бұрын

    These terms are so abstract

  • @AriPxl

    @AriPxl

    Жыл бұрын

    Which terms?

  • @davidfitcher2953

    @davidfitcher2953

    Жыл бұрын

    @@AriPxl Audit, Usability, Accessibility

  • @AriPxl

    @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

  • @shitalfuke5986
    @shitalfuke59869 ай бұрын

    really helpful video!!!! thanks for this informative video