Visual Style & Design Trends
7:54
Revolution for Designers?
4:01
Жыл бұрын
Responsive & Adaptive Design
6:55
Layout
4:44
Жыл бұрын
UI & UX Design Course: Navigation
3:46
Information Architecture
5:27
Жыл бұрын
Laws of UX Design: Fitts’s Law
1:46
Foundations
6:14
Жыл бұрын
Laws of UX Design: Miller's Law
3:26
Practical Guide to Responsive Design
4:14
Dark Side of UX Design
4:27
2 жыл бұрын
The Fastest Way To Design System
3:39
Пікірлер
@sebinsk9468
@sebinsk9468 16 күн бұрын
it's near. Right!!
@KerevDesign
@KerevDesign 8 күн бұрын
Yeah... :D
@kriogenx0
@kriogenx0 29 күн бұрын
If you're trying to spot the differences, are the differences significant enough to make a video?
@KerevDesign
@KerevDesign 28 күн бұрын
Well yes, because I also ask you to think about why I introduce those changes as well as explaining it later. Essentially it's a thing where I'm trying to engage the viewers more :)
@PunmasterSTP
@PunmasterSTP Ай бұрын
Go ACC Riverbats! 💜🦇
@KerevDesign
@KerevDesign Ай бұрын
💜🦇
@PunmasterSTP
@PunmasterSTP Ай бұрын
Anyone else here from the Austin Community College HTML and CSS microcredential?
@KerevDesign
@KerevDesign Ай бұрын
I'm glad that my videos made to some of your courses :)
@PunmasterSTP
@PunmasterSTP Ай бұрын
@@KerevDesign I'm glad they did as well!
@x.amrusabiq6195
@x.amrusabiq6195 Ай бұрын
the final result is truly orgasmic.
@KerevDesign
@KerevDesign Ай бұрын
Thank you, I'm glad you liked it! :)
@firavreau9357
@firavreau9357 Ай бұрын
I'm conducting research using the RAD method. In the initial prototype that focuses on UX, I used usability testing. Now, for the cutover phase, what method should I use?did you have any idea? 🤔🤔
@KerevDesign
@KerevDesign Ай бұрын
Since you are focusing on speed I think asynchronical & unmoderated tests with some of the mentioned platforms would be a good idea.
@ricefaery
@ricefaery 2 ай бұрын
can you explain further about your new colour palette choosing? why decide on other accents beside the existing one? thankyou!
@KerevDesign
@KerevDesign 2 ай бұрын
I really recommend to watch my video about colours in ux design. There are certain colour palette generation approaches that are in the field since forever - idea is that certain colour combination work well together - as of why? - so your design isn't boring, because ultimately you could get away with just 1 colour and it shades.
@mustafakurtulus8874
@mustafakurtulus8874 4 ай бұрын
The Edit is abhorent
@KerevDesign
@KerevDesign 4 ай бұрын
Well, this video was one of my earliest experiments with attention rate, and as with many experiments - you will find various things that went well and not so much. Static said that for most of the viewers it went well :)
@mustafakurtulus8874
@mustafakurtulus8874 4 ай бұрын
​@@KerevDesign Sorry for being harsh, after watching few UI related videos I kinda developed a field racism against my colleagues. It feels everyone is trying new things at the cost of user.
@ghazalekhanjanian3123
@ghazalekhanjanian3123 4 ай бұрын
Do you recreate all the pages anew or is there an easier way to accelerate the process?🤔
@KerevDesign
@KerevDesign 4 ай бұрын
Depends on the original project file, how it was done. Sometimes I can work with original elements/components - same times is really bad and I need to recreate everything myself.
@ghazalekhanjanian3123
@ghazalekhanjanian3123 4 ай бұрын
@@KerevDesign Thanks for your reply. Where could I find the original file?
@JonneytheKidd
@JonneytheKidd 4 ай бұрын
Everything he was describing was excellent and on point, but all the animation going on back and forth and out of sorts, made it confusing to follow his points.
@KerevDesign
@KerevDesign 4 ай бұрын
Thank you, reason for many animations was to raise watchers attention. Most of the viewers due to all short form content get bored relatively fast - so in order to keep their attention creators are forced to make often changes of clips - trust me, I have over 3 years worth of data about it :)
@sergio.arboleda
@sergio.arboleda 4 ай бұрын
Excellent information
@KerevDesign
@KerevDesign 4 ай бұрын
Glad it was helpful!
@VinlandSagaSnake
@VinlandSagaSnake 4 ай бұрын
thanks bro
@KerevDesign
@KerevDesign 4 ай бұрын
You're welcome ;)
@saleema6308
@saleema6308 5 ай бұрын
Can you make full video on this progressive enhancement aprroach that will show step by step how to achieve this? From your video, it is obvious that one should create layout grid for each device separately and then by use of plugings one can get responsive behaviour on each breakpoint. Its not like a top down aprroach in which a desktop layout will become mobile layout while reducing the width of desktop design??
@KerevDesign
@KerevDesign 4 ай бұрын
I will put it on my list of topics to cover, can't promise when, bud definitely within 4 weeks.
@saleema6308
@saleema6308 5 ай бұрын
So this is adaptive design approach?
@KerevDesign
@KerevDesign 5 ай бұрын
Responsive, with adaptive you would created dedicated layout for each breakpoint/device.
@notyouraveragecomment1328
@notyouraveragecomment1328 5 ай бұрын
I love the poles 🇵🇱
@KerevDesign
@KerevDesign 5 ай бұрын
Oh, thank you, greetings from...? :)
@notyouraveragecomment1328
@notyouraveragecomment1328 5 ай бұрын
Bro.. I did not EXPECT this video to be this GOOD.. like godamn, It’s always them small channels that do too much ❤❤
@KerevDesign
@KerevDesign 5 ай бұрын
Well, I'm happy to hear that - I really recommend other videos from the series :)
@mohsinamir6073
@mohsinamir6073 5 ай бұрын
very helpfull video , I am searching for how we can make our app responsive in figma from smallest screen sizes to the highest with of a tablet, or destop. how to find the breakpoint for mobile phone application. if you have in a iPhone frame, how we can make sure our design is responsive in all mobile phone screens from iPhone to android and all screens of it. really need this detail video. thanks
@KerevDesign
@KerevDesign 5 ай бұрын
You need to go through most popular devices screen resolutions - just visit Google Material Design & Apple documentation, everything is there: ex.: m2.material.io/design/layout/responsive-layout-grid.html#breakpoints , developer.apple.com/design/human-interface-guidelines/layout ; compare the 2 and assign primary break points then.
@ChayonShaahOfficial
@ChayonShaahOfficial 5 ай бұрын
In Design Thinking which phase I create IA and user flow site map, story board.. I m in confution
@KerevDesign
@KerevDesign 5 ай бұрын
Either Ideation or Prototyping because those are items that you create after you gather sufficient informations about the users and business goals - hence, you have a good idea what you want to create and you are planning for it.
@ChayonShaahOfficial
@ChayonShaahOfficial 5 ай бұрын
Information architecture , User flow diagram can build in this phase or previous step Ideate
@KerevDesign
@KerevDesign 5 ай бұрын
Again I would say either Ideation or Prototyping.
@ChayonShaahOfficial
@ChayonShaahOfficial 5 ай бұрын
User flow diagram, information architecture in which phase of design thinking build?
@KerevDesign
@KerevDesign 5 ай бұрын
I would say either Ideation or Prototyping.
@thandoblaque
@thandoblaque 5 ай бұрын
I’m enjoying this series, please continue with it. I was wondering why you to chose retain the padlock icon instead of the show password icon? It’s a nice aesthetic choice but it would be more useful to see your password. 1:13
@KerevDesign
@KerevDesign 5 ай бұрын
You are right about the icon, now that I think of it, it could use some show/hide functionality - good catch!
@KerevDesign
@KerevDesign 6 ай бұрын
I'm really sorry UIzard, but after some of your biased promotion videos and bold statements I had to :)
@sharonuja1683
@sharonuja1683 6 ай бұрын
I thought that when you ssid practical guide that you would show how you converted a mobile responsive design to tablet and desktop
@KerevDesign
@KerevDesign 6 ай бұрын
Well, then the video would be about the conversion of mobile view to the tablet and desktop view that previously didn't exist. The case you are mentioning would be better fitted for adaptive design tutorial (conversion case). This one is on how approach the project from the beginning when the requirement for responsivity is one of the functional requirements.
@isaacgarcia2745
@isaacgarcia2745 6 ай бұрын
What is the font used?
@KerevDesign
@KerevDesign 6 ай бұрын
"Inter"
@diffuusio4852
@diffuusio4852 6 ай бұрын
The first one is pretty brave without password confirmation
@KerevDesign
@KerevDesign 6 ай бұрын
You are right! I totally didn't think about it :)
@coinred
@coinred 6 ай бұрын
I really love your videos, help me a lot!
@KerevDesign
@KerevDesign 6 ай бұрын
Thank you! And thank you for watching :)
@AnirudhMathur-le3hj
@AnirudhMathur-le3hj 7 ай бұрын
How to cut and copy in figma?
@KerevDesign
@KerevDesign 7 ай бұрын
You don't really have "cut" option in Figma, as for copying depends from the platform cmd+c on Mac, ctrl+c on Windows, and then "v" for pasting, or right click and "copy".
@AnirudhMathur-le3hj
@AnirudhMathur-le3hj 7 ай бұрын
@@KerevDesign ok thnx
@or4n
@or4n 7 ай бұрын
On the first example (0:56) I think there are couple things that could be improved. First there is still odd space between "Create account" and top of the screen, it makes me feel that something hasn't loaded. Maybe there should be a logo or something. Then it looks like that "Create account" is on a separate card that can be pulled up from behind this sign up screen. So from the first look I'm wondering if I'm creating account or is this login for existing accounts. Of course the buttons itself gives the answer but this isn't consistent. Sign up with Google/Facebook buttons look better after modification but contrast in those buttons are so much bigger than on "Sign up" button that those steals my focus.
@KerevDesign
@KerevDesign 7 ай бұрын
As I said, this is my approach, your ideas are absolutely valid! There are at least couple of ways of doing it :)
@sergio.arboleda
@sergio.arboleda 7 ай бұрын
Thank you
@KerevDesign
@KerevDesign 7 ай бұрын
Thank you! :)
@sergio.arboleda
@sergio.arboleda 7 ай бұрын
Thank you
@KerevDesign
@KerevDesign 7 ай бұрын
You are welcome! :)
@edenassos
@edenassos 7 ай бұрын
Nothing about this is advanced. This is basics 101.
@KerevDesign
@KerevDesign 7 ай бұрын
Well, some of the examples (eg 1 and 4) were prepared by "experienced" designers and they still contained a lot of, as you described "basic" errors :)
@Wang_KeD
@Wang_KeD 6 ай бұрын
In your view, what do you see as advanced?
@roziewylie467
@roziewylie467 7 ай бұрын
Very insightful, thank you.
@KerevDesign
@KerevDesign 7 ай бұрын
I'm glad it was, thank you! :)
@marcuswilliam2852
@marcuswilliam2852 7 ай бұрын
Amazing! Always learning from the best
@KerevDesign
@KerevDesign 7 ай бұрын
I'm glad you think that, thank you! :)
@SzabatDesign
@SzabatDesign 7 ай бұрын
Nice to see you Kerev :)
@KerevDesign
@KerevDesign 7 ай бұрын
Nice to see you are still here :)
@KerevDesign
@KerevDesign 7 ай бұрын
It took me almost a year to come back to you! :/ It was definitely one of the harder moments in my life, without a doubt. But... I'm finally back, and I'm returning with a strong video for you - part 10 of Before & After. Next videos will follow! I'm glad to be back ;)
@jsagar95
@jsagar95 7 ай бұрын
Thanks for this series on UI/UX!
@KerevDesign
@KerevDesign 7 ай бұрын
Again, I'm glad you like it ;)
@jsagar95
@jsagar95 7 ай бұрын
Thanks for this!
@KerevDesign
@KerevDesign 7 ай бұрын
You're welcome, thank you for watching :)
@lazyinterface
@lazyinterface 7 ай бұрын
To understand user behaviour I like to use hotjar
@KerevDesign
@KerevDesign 7 ай бұрын
There are many great tools on the market, definitely more than when I was starting my journey in the field ;)
@lazyinterface
@lazyinterface 8 ай бұрын
Yeah the colour is really important for readability
@KerevDesign
@KerevDesign 8 ай бұрын
Second to that! :)
@GolderiQ
@GolderiQ 8 ай бұрын
Which software is that?
@KerevDesign
@KerevDesign 8 ай бұрын
Figma ;)
@regwsx
@regwsx 8 ай бұрын
no autolayout... hmm
@KerevDesign
@KerevDesign 8 ай бұрын
Yes - on purpose, so even total beginners can follow it ;)
@regwsx
@regwsx 8 ай бұрын
Removal of unnecessary elements... ...There's no need for dedicated buttons which would add a product to the shop cart I see bold moves, all caps
@KerevDesign
@KerevDesign 8 ай бұрын
Well, normally it would be a subject of user testing ;)
@jsagar95
@jsagar95 8 ай бұрын
Thanks!
@KerevDesign
@KerevDesign 8 ай бұрын
You welcome! :)
@GoulDesign
@GoulDesign 9 ай бұрын
Do you use Premier Pro to edit your videos? I love the animations!
@KerevDesign
@KerevDesign 8 ай бұрын
Yes, as well as After Effects :)
@rosuchristian7013
@rosuchristian7013 9 ай бұрын
You are massively underrated. I just binged watched the other parts of this series. So easy to understand and the fact that you create so many visual examples is just amazing.
@KerevDesign
@KerevDesign 8 ай бұрын
Thank you! I very much appreciate it, I hope to go back to the publishing soon, so you can expect even more ;)
@prathamchavan
@prathamchavan 9 ай бұрын
Upon reviewing the design, I noticed a couple of areas that need attention. Firstly, the cart icons and the "New Collection" heading are not visible. Additionally, the colour contrast between the buttons and the text is inadequate, making it difficult to read.
@KerevDesign
@KerevDesign 8 ай бұрын
Did you check it on the contrast checker :)? But to be honest - you are absolutely right, as you mentioned there are things that could still be even better done! I will do my best to do as best job I can in the future ;)
@maryamjs2821
@maryamjs2821 9 ай бұрын
These series are so so helpful for me as a novice designer. I am really enjoying watching them, thank you so much, and please continue.
@KerevDesign
@KerevDesign 9 ай бұрын
Thank you! I will, and very soon I will publish new video from the series.
@MyHarmony0_0
@MyHarmony0_0 9 ай бұрын
I love the video, but I still do not understand why we do not prefere to add (Facebook) or (Google) icon at the first design, to be in one harmony ?
@KerevDesign
@KerevDesign 9 ай бұрын
As I explained, there are many ways that you can do in order to improve the designs. I simply selected this one :)
@MyHarmony0_0
@MyHarmony0_0 9 ай бұрын
@@KerevDesign oh cool, i loved your videos👏🏻👏🏻👏🏻👏🏻
@mahmoudzaki4477
@mahmoudzaki4477 10 ай бұрын
can you please tell me how did you make a video to represent the mockups?
@KerevDesign
@KerevDesign 10 ай бұрын
Can you elaborate on the question? If you are asking about technical aspect of it it's a screen recording put on a masked layer. If you are asking about the animation at the end it's Adobe After Effects :)
@mahmoudzaki4477
@mahmoudzaki4477 9 ай бұрын
thank you so much. I already meant the animations at the end. Can you share a tutorial with us to show our work as impressive as yours?🥰@@KerevDesign