Real UX Project: From Data, Wireframes to UI Design Process

Поділитися
Вставка
  • Опубліковано 4 жов 2024

КОМЕНТАРІ • 105

  • @Mizko
    @Mizko  3 роки тому +5

    One simple trick to SAVE YOU HOURS in Figma 👉 ua-cam.com/video/jgtvDBpfcVg/v-deo.html&t
    ✨ Get early bird access to my upcoming courses:
    mizko.net/courses
    Yours truly,
    Mizko

  • @edgarfranco2449
    @edgarfranco2449 3 роки тому +71

    It is so difficult to find videos/content where you can see designers working IRL. I really appreciate this! If it's possible, I would like to see more videos explaining IRL processes. Thanks!

  • @samuelsacks4226
    @samuelsacks4226 Рік тому +5

    I really appreciate that you actually talked through your design decisions. Every other process video I've watched is just designers moving things around a screen with no explanation.

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

    This was FANTASTIC! It's exactly what I wanted to learn! You showed us you actually drawing a very rough sketch and explained why you were drawing what you were drawing. Then explained why the website looked bad and why your new design would work better! Amazing example! Thank you so much!

  • @rachelhow
    @rachelhow 3 роки тому +6

    Hey Mizko, dropping by to say hi! Been following your vids for some time. Your content is really helpful, even for senior designers like myself.

  • @Matt_tsolo
    @Matt_tsolo 3 роки тому +5

    Your videos have been so helpful in helping me learn UX and Figma. Thank you so much for taking your time to share information with us.

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

      Really happy to hear Matshidiso!

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

    Love the behind scene info. Yes, more please!

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

    To elevate this even more, it would be a great idea to show quantitative data of the new design. I guess a lot of people who watched this video will check out the website however it would be nice to see how this reflects on the traffic.

  • @SahithNayudu
    @SahithNayudu 3 роки тому +3

    Really helpful!! Gives me an idea on approaching a project!🔥🔥

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

      Thank you Sahith!

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

    Awesome! Yes, please to more behind the scenes videos.

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

      Thank you!

  • @johnedwardubalde3433
    @johnedwardubalde3433 10 місяців тому

    This is really helpful especially for me who's self-learning all these web design/UI/UX design processes. Hope you would create some videos like these the future.

  • @KB-wx7it
    @KB-wx7it 3 роки тому +2

    More behind the scenes, please!

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

    Made it to the end without noticing 💪. Looking forward for more such process videos in the future!

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

      Ha! Nice glad you enjoyed it Prip!

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

    very beneficial! It's very good to see how to come up the data driven design decision and both serve the users and business side well

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

    Great video, Mizko. Would love to see more of this. Thank you!

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

    Happy to see great content being added free to youtube thanks M8, one quick thing i tried you when copying an svg from website you can just inspect element click the svg tag on the browser command + c then command + v in figma and the svg will be pasted... cheers!

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

    This is awesome!!!!!! Thank you so much Mizko 🙏🏻 I learn a lot from you!

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

    I've been doing UX for 10 years, designed toys, safety equipment, softwares revolving UX, this point here @26:46 is Extremely important, never ever stop Sketching the wireframes, and the best tool for UX always remains Pen & Paper.

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

    Your tutorial is more helpful for the youngster. Thanks👍

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

    Thanks, Mizko! I learned a lot from your design process. I hope you make more of these videos :)

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

    It was so informative and well-explained to me
    Thanks a ton Mizko🌸

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

    FINALLY! THANK YOU SO MUCH MIZKO!!

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

    Thank you very much for the video, it was useful.

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

    Nice one mizko!!! Great Video

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

      Thank you Lyehoe! Let me know if you have any questions about this as well.

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

    Great video! Love your content!

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

      Thank you Tal! Hope you enjoyed this walkthrough.

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

    It would be awesome if you upload a tutorial on how to wireframe! Thanks man!

  • @aaronruiz816
    @aaronruiz816 3 роки тому +3

    Damn, Chris Do is lookin great for 35 🔥

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

      HAHA! 30* but still chuckled to your comment

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

    it was very helpful ,thnks

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

    I would LOVE a video on how to use the design system you created. I bought it and it's awesome but have had some troubles dropping it into projects and understanding how to use it properly. I am fairly new to Figma however.

  • @NaveedAhmad-jf5fh
    @NaveedAhmad-jf5fh 2 роки тому +1

    Do you think tools like Hotjar would've served pretty well here to identify which key areas need alterations?

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

    Thankyou for making this video

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

      Glad you enjoyed it!

  • @brunosoares9932
    @brunosoares9932 10 місяців тому

    Great video

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

    You can use brandfetch figma plug-in to bring in logos from any websites.

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

      Nice! It's more about exporting from the website though. I'll look into Brandfetch ,thanks!

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

    Maybe, instead of play buttons or instead of putting JUST play buttons, you could try to go with breadcrumbs like "video duration in mm:ss format" or like "Name & position" like "See what John Doe has to say (Senior UX Designer @LoremIpsum company)" That could bring some attention to CTA's. Great video Mizko! Greetings from Serbia :D

  • @devstudies4168
    @devstudies4168 3 роки тому +3

    I don't know if this is difficult, but you could enable English subtitles, at least for me who is learning it is difficult without subtitles.
    Note: your channel is amazing

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

      Thank you Alla! We should have subtitles enabled! Let me check

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

      ​@@Mizko Thank you very very much!

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

    Really enjoyed your video, if it is ok to ask, would you mind talk a bit more about how you collect data, how you do your research? Thanks in advance!

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

    Thanks man, learn sth useful from you

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

    Wow! Thanks for this behind the scenes Mizko! I'd love to take your course! I'm in a bootcamp currently. Love your redesign of your course website! Do you use research tools like Empathy Maps, User flows?

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

    I love your content

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

      Thank you Kushagra!

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

    HEY MIZKO! Wish you a great future ahead... I loved to see all your videos and learning UX/UI from your channel. I wish I'd like to know how to create Information Architecture and coming up with IA into visual designs. It can be based on mobile apps that based on online shopping / food delivery / social media, etc.. Thanks in Advance:)

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

    amazing

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

    A great video! Are you able to do a video on preparing a file for developer hand-off?

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

    Great content as always Mizko. Love your channel. Was wondering if you can show us where did you get the data? How did you validate the design? In order to get your quant insights how did you pulse your membership?

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

    Thank u :)

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

    Nice content

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

    Very useful video, love wireframing with Procreate 🔥
    Would de good to know your user flow process.

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

    Another amazing video, as always! Thank you very much Mizko. I'm really looking forward to the courses!
    I really like the new design I'm just wondering or may be considering doing A/B testing on the hero image. Companies like Slack doing an amazing job decluttering the dashboard and companies like Asana actually breaking the dashboard into small pieces. There is no right/wrong but for me, I really like the first image. Again, thank you very much for the video!

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

      Thank you Rodrigo! My Figma Masterclass is dropping soon. We’re getting very close.
      The entire site is going through a makeover, so I’ll be sharing that entire process as well :)

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

    i learnt a lot thanks Miziko

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

    Mizko, thank you for making these videos to share your experience and knowledge with young designers!!!Very useful.
    I would like to ask one question, how to make prototype for both desktop and phone at the same time?Is there any standard grids?

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

    you turned a good design into a bad one!!

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

    What is the design system that you are using on this tutorial? Great content btw!

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

      Link is in the description :)

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

    Your youtube music playlist looks a lot like mine. 🙂

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

      Ha! Yes check out MusicLab on UA-cam. Great channel for immersive tracks!

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

    I was actually the 2 out of the 4 people that have watched the video haha! I loved the video Mizko, keep it up!

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

      Thanks Kerim!

  • @arianazdadgar
    @arianazdadgar 3 роки тому +3

    Hi Mizko, as usual loving your videos, I learnt so much from you! I would've loved to see what needs to be considered or defined in files for hand over to developers? for example, the testimonial section, if you were to do it as a scrolling gallery would you have to create pretty much all of those images yourself or is it that you just give the developers a folder containing all the images and names+titles of people who gave you a testimonial and based on your design they will populate the rest?
    Or that hero image, did you insert an image of a screenshot and then put graphics on it to cover the texts and added those profile pic circles as well in figma and grouped it all as a hero image? would it be better to do that in Photoshop/Indesign and then export as one single png. file? what's the pros and cons? Thanks heaps

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

    Did you try adding the video within the hero element and maybe auto play it with the sound off? Big part of UX design is iteration and testing.

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

    But we need to know if the number of clicks on the videos you put in the new design increases so that we know that this method is more effective and much better as a user experience!

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

      100% we need time to push this update live and then track :) It's impossible to get results same day you design.

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

      @@Mizko Yep, I know, I'm just wondering if you could share that as the results come in, so this method can prove to be more effective

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

    Nice video - what tablet and stylus do you use? If you have the time, can you make a video about the process of handing off your designs to the development team? Thanks for the great content, very helpful!

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

      It's an iPad and Pen.

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

    Just a quick question since I'm still a beginner. Would it have been better to just to blur the text rather than make it look like a partial skeleton screen (12:56) ? If not, why? Would love some input here.
    Love your work 🔥

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

      That's a great idea but blurring looks very odd. Doesn't suit the visual style we have in my opinion. That's more of a stylistic choice, so either way works :)

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

      @@Mizko thank you :) I'm learning alot from your videos. I find designing a bit intimidating compared to coding cause the former is subjective while the latter has a right/wrong. Given that I'm binging on your videos and practising it, hopefully I gain confidence.

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

    legit i just pressed the ^G shortcut on my keyboard to try turn off your grid LOL how can you design with it always on!! hahahah

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

      😂 I have a habit of flicking it on and off.

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

    Great video! It would be interesting to see some data after a few weeks if your design improved your targeted metric :)

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

    Is the video blur or problem my side?!

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

    I want some largest projects!

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

    Which iPad do you have?

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

    0:11 My ears are bleeding. Appreciate your contents.

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

    Need timestamps

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

    Please help me.. How to write proposal to client in upwork

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

    13:48 how did the vs code close animation happened?? Is it because of the editing/recording or you have a extension or something? I really want that !!!

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

    Suppose i joined an average company as a ui ux designer for designing websites and after sometime when their website or application is done does that mean i need to find another job plz reply

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

    Hi, can you write us grid settings and artboart size? :) thank you

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

      I have plenty of videos on that. Search my videos :)

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

    Nice content, but tone down the music volume or turn up your voice. You'll jump scare people like this

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

    Hey checkout the 3M Visual Assist Software for Adobe XD.

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

    It's official. I have a crush on you!

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

      Haha! You're meant to value the insights rather than me!

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

      @@Mizko I can do both 😍

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

    its worked? ::)))

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

    Trust me I thought 4 users only

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

    Say data one more time

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

    Not a good project this is just waste of our time..
    if i know that you just while away then don't watch this vedio