UI UX Audit & Analysis Tutorial | GYMSHARK Case Study Included | 2022

Поділитися
Вставка
  • Опубліковано 18 січ 2025

КОМЕНТАРІ • 125

  • @byebyebirdie8027
    @byebyebirdie8027 Рік тому +8

    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.

  • @james1327
    @james1327 Рік тому +3

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

  • @koraljkadecarina3440
    @koraljkadecarina3440 2 роки тому +16

    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

  • @kohkoh17
    @kohkoh17 11 місяців тому +1

    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!

  • @mrelad.
    @mrelad. Рік тому +3

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

  • @dennisdiaz504
    @dennisdiaz504 3 роки тому +7

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

    • @AriPxl
      @AriPxl  3 роки тому

      Thanks! Glad you found it helpful

  • @gayathriveluri8811
    @gayathriveluri8811 7 місяців тому

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

  • @jude_I
    @jude_I 2 роки тому +1

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

  • @kaushikmitra6402
    @kaushikmitra6402 11 місяців тому

    Really loved the way u showed the process...

  • @animesh.design
    @animesh.design Рік тому

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

  • @patrickkamgang6433
    @patrickkamgang6433 7 місяців тому

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

  • @siddhibhatia5714
    @siddhibhatia5714 Рік тому

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

  • @fayemidavid186
    @fayemidavid186 2 роки тому +2

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

    • @AriPxl
      @AriPxl  2 роки тому

      Glad you found it helpful Fayemi

  • @anaghnair
    @anaghnair 2 роки тому +1

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

  • @VlogDeIT
    @VlogDeIT 11 місяців тому

    Amazing video. Keep them coming 🎉

  • @raisulrana2134
    @raisulrana2134 Місяць тому

    Very useful!

  • @observing8685
    @observing8685 Рік тому

    Learning so much from your videos, thank you.

  • @manuelepp3805
    @manuelepp3805 4 місяці тому

    Thank you for the video! I also learned some things about marketing

  • @amjadabaalkhayl4388
    @amjadabaalkhayl4388 Рік тому

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

  • @mariopurisic5133
    @mariopurisic5133 3 роки тому +1

    Great content as always! Looking forward to more!

    • @AriPxl
      @AriPxl  3 роки тому

      Cheers Mario. Doing more 😉

  • @misterhanwee1030
    @misterhanwee1030 2 роки тому

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

  • @Nurhasan404
    @Nurhasan404 7 місяців тому

    Really Awesome Session

  • @thomasm2405
    @thomasm2405 2 роки тому

    Super super helpful video. Thank you Ari. Subscribed!

    • @AriPxl
      @AriPxl  2 роки тому

      You’re welcome man, glad you found it helpful

  • @LahiruParanavithana-c7l
    @LahiruParanavithana-c7l 8 місяців тому

    This is amazing! ❤🎉

  • @basiccomponents
    @basiccomponents Рік тому

    This was incredibly useful, thank you!

  • @cutia2vt064
    @cutia2vt064 2 роки тому

    Love your channel !!

  • @kazisaiful4939
    @kazisaiful4939 Рік тому

    Great source of information, Thanks.

  • @SirineNasr-q5e
    @SirineNasr-q5e Рік тому

    Very helpful video!! Thank you!

  • @sheikaadhil4471
    @sheikaadhil4471 3 роки тому +1

    Amazing video. It's very informative and helpful

  • @tylerriggs95
    @tylerriggs95 Рік тому

    Woah, this is super helpful.

  • @AmxrJ99
    @AmxrJ99 Рік тому

    very insightful, thank you!

  • @AkinsRealm
    @AkinsRealm Рік тому

    Came across this video and looks helpful, thank you!

  • @ТаяГайсан
    @ТаяГайсан Рік тому

    This is very helpful, thank you for sharing.

  • @taz2392
    @taz2392 2 роки тому

    Amazing! Thank you

  • @nicki_nick
    @nicki_nick 2 роки тому

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

    • @AriPxl
      @AriPxl  2 роки тому

      Glad you found it useful :)

  • @abdu_brh
    @abdu_brh 2 роки тому

    Very helpful, thanks ❤

  • @oleksandrboiko554
    @oleksandrboiko554 2 роки тому

    Thanks! Very helpful!

  • @nasti_shr
    @nasti_shr 2 роки тому

    Thanks Ari! Very helpful video

  • @srjthnp
    @srjthnp 2 роки тому

    This is really 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 UA-cam, hopefully this content can help you where you need it.

  • @dorianakalaj
    @dorianakalaj Рік тому

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

  • @blaircarrick514
    @blaircarrick514 2 роки тому

    Thanks for this :)

  • @biiiiiimm
    @biiiiiimm 2 роки тому

    High quality content. Thanks !

  • @sirhisham3427
    @sirhisham3427 2 роки тому

    really helpul, thanks

  • @michelleloves
    @michelleloves 2 роки тому +3

    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 роки тому +4

      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.

  • @SoumilSaxena
    @SoumilSaxena 9 місяців тому

    Thanks man!

  • @nadiaoosty
    @nadiaoosty 8 місяців тому

    Love it 💪

  • @alya6393
    @alya6393 2 роки тому

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

    • @AriPxl
      @AriPxl  2 роки тому

      Glad you found it helpful!

  • @rashikaalgole6317
    @rashikaalgole6317 2 роки тому

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

    • @AriPxl
      @AriPxl  2 роки тому

      Glad you found it helpful!

  • @manashkashyap7780
    @manashkashyap7780 2 роки тому

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

  • @sallyking-carmichael4351
    @sallyking-carmichael4351 2 роки тому

    Thanks very helpful and informative

  • @yashkanbargi
    @yashkanbargi 2 роки тому

    this was very helpful. Thank you

  • @fryonthemoon
    @fryonthemoon 5 місяців тому

    That's really useful video, thanks! Hopefully, you have a video on purchase funnels 😉 That's not a common thing for UX-ers

  • @blissfuly8375
    @blissfuly8375 Рік тому

    Do you have ui inspection session?

  • @misterhanwee1030
    @misterhanwee1030 Рік тому +2

    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  Рік тому +2

      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 Рік тому

      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

  • @DannaSalloomi
    @DannaSalloomi 11 місяців тому

    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?

  • @bagchi_sagnik
    @bagchi_sagnik 2 роки тому

    Crazy cool video!

    • @AriPxl
      @AriPxl  2 роки тому

      Thanks Sagnik

  • @1980nikolov
    @1980nikolov Рік тому

    Great

  • @karimev2011
    @karimev2011 Рік тому

    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 ?

  • @stevenr.durgin8575
    @stevenr.durgin8575 Рік тому

    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.

  • @DJSochu
    @DJSochu Рік тому

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

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

  • @swetaverma2662
    @swetaverma2662 Рік тому

    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.

  • @jhonbhai8943
    @jhonbhai8943 2 роки тому

    Nice ☺️👍

  • @charlixxxxxxxxx
    @charlixxxxxxxxx 2 роки тому

    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  2 роки тому

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

  • @hoyeankit2691
    @hoyeankit2691 Рік тому

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

  • @mboshu5551
    @mboshu5551 Рік тому

    I already have a suggestion for UA-cam, 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

  • @RBLXGaming23
    @RBLXGaming23 Рік тому

    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?

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

  • @idibradley9702
    @idibradley9702 2 роки тому

    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  2 роки тому

      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.

  • @brunofloramo
    @brunofloramo 2 роки тому

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

    • @AriPxl
      @AriPxl  2 роки тому +1

      aripxl.io/IphSvM

  • @_plastikman
    @_plastikman 2 роки тому

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

    • @AriPxl
      @AriPxl  2 роки тому

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

  • @SherealynRemigio
    @SherealynRemigio 2 роки тому +1

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

    • @webflowdeveloper
      @webflowdeveloper 2 роки тому +1

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

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

  • @e.r.3785
    @e.r.3785 2 роки тому

    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 2 роки тому +1

      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  2 роки тому

      Done, thanks for reminding me, totally forgot

  • @sheffiezhang1119
    @sheffiezhang1119 3 роки тому

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

    • @AriPxl
      @AriPxl  2 роки тому +2

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

    • @sheffiezhang1119
      @sheffiezhang1119 2 роки тому +1

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

  • @abdu_brh
    @abdu_brh 2 роки тому

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

  • @ashauke
    @ashauke 2 роки тому

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

    • @AriPxl
      @AriPxl  2 роки тому

      aripxl.io/IphSvM

  • @OnanefeEde-Usoh
    @OnanefeEde-Usoh 6 місяців тому

    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 2 роки тому

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

    • @AriPxl
      @AriPxl  2 роки тому

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

    • @frenchzer4787
      @frenchzer4787 2 роки тому

      @@AriPxl thaaaàaaanksss

  • @imjustabagel
    @imjustabagel 2 роки тому

    Normally this be done on all pages?

    • @AriPxl
      @AriPxl  2 роки тому

      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
    @thienle4893 2 роки тому +1

    could you share me audit file ?

  • @davidfitcher2953
    @davidfitcher2953 2 роки тому

    These terms are so abstract

    • @AriPxl
      @AriPxl  2 роки тому

      Which terms?

    • @davidfitcher2953
      @davidfitcher2953 2 роки тому

      @@AriPxl Audit, Usability, Accessibility

    • @AriPxl
      @AriPxl  2 роки тому

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

  • @sandierwergeni
    @sandierwergeni 2 роки тому

    Really great stuff - Thanks!