UX Design vs UI Design | What's The Difference?

[@AJSmart]

Hey! 👋What questions do you have around UX or UI Design? 🤔Which field do you feel is right for you? Are you pursuing a career in either area? Let us know in the comments below! ↙️ . Check out our video on how to get a job in UX Design, here 📺: kzbin.info/www/bejne/amWofn19f5uBa9U . Want some UX / UI Inspiration? 🔎Check out this video: kzbin.info/www/bejne/fKTEpJScftWim6M

[@DeRosaryComedy4392]

I LOVE your videos buh I kind of what to know, can I learn UX and UI design at the same time?

[@navteshdhir8884]

Your videos are so clear, informative and to the point. Love your work.

[@AJSmart]

Thanks so much Navtesh! Dee's great at explaining these concepts and ideas! We'll pass that on!

[@sonoftroy8572]

The perfect background scene with very good lighting. using the wide angle lens captured the viewport nicely and the video editing was spot on!... NICE! I’m self taught and learning how to edit videos so I’m taking notes

[@AJSmart]

Wow thanks! Glad you appreciated that! We don't have a dedicated studio space to shoot as yet so have to ad hoc it around the office! Sometimes the stars (External lighting all align) and give us a nice framing!

[@davidcruz5283]

Loving the funny moments! It's great to see the teams not afraid of showcasing times where things didn't go as planned

[@DotUI]

This was very informative Dee, looking to start a course in UI/UX design glad I came across this video

[@maria.33311]

Dee is starting to become my favorite person in explaining UX/UI :D

[@muffinmunster]

Living for the doggy behind the wheel gif. Love your videos- always so informative. So glad I came across (and subscribed) to this channel!

[@AJSmart]

Thanks so much! We love to pepper these usually 'super serious' topics with some humour and gif action. Glad you noticed, and thanks for taking the time to comment and subscribe!

[@giovanniberdejo-gallegos3569]

Thank you so much for helping me understand the difference of UX and UI. I took my first C# class at university and fell in love with as I call it, "Making the app look pretty". I think I'm leaning more towards UI but UX sounds like a lot of fun too. I'm looking to get into this field and I'm trying to research if UI/UX is for me. This video really helped in a BIG way. Thanks so much!

[@AJSmart]

Amazing to hear Giovanni! Check out the rest of our channel for even more!

[@KeithRowley418]

Best definition I've seen. Excellent. Thank you.

[@uiblogger3488]

hey AJ&Smart love your video. I am looking for that from a while and there i got it. Your Steering Wheel example is cool it just clear all my doubt about UI and UX design and UI vs UX designer. The hand overlap gesture is too funny, love your work keep that work on always supporting :)

[@okishan]

great video Dee!! Team, can you please talk more about UX? Because everyone speaks about "solving problems" but no one talks about what problems they're actually solving, the actual stuff. The videos and blogs make it seem so easy. If it were that easy, everyone could become a UXer. Can you pls tell something or guide me in any way about the "difficult stuff" if it makes sense. How should I learn, the ACTUAL work? (beginner AF)

[@AJSmart]

Hey Ishan, we'll look at doing more in-depth problem / solution videos around this for sure! Is there a specific problem area that you have in mind? Thanks for the comment!

[@CraftCozyDesigns]

Watching the content, but waiting on the final scenes!! I loved the behind scenes :)

[@webfactorysolutions]

Wow, awesome video!! Would you consider doing a new series of videos? Something like tips for Developers to interact or facilitate more the work of a UX/UI designer? Or something like tips for Developers on companies with no UX/UI designers?

[@AJSmart]

Hey! Thanks for the feedback! We don't actually have any developers in house currently as we rarely do end-to-end work. But we could look into videos around preparing for a hand over and how to ready design packages etc?

[@creightonl5765]

just subscribed your vid was funny genuine and so easy to understand! thank you

[@mhasancoder]

Nice and clear in explanation. Thanks AJ

[@solomondavid210]

Not a question though but a commendation...i really love how the video was made so realistic... Like the mistakes were brought out and how y'all made it a fun process all through it just gives this very good vibe while I watched it and I tots understood everything... Thanks!!!!

[@AJSmart]

Wow thanks Solomon! That's very kind. We try to keep all our videos fun and 'human'. There's often too much serious ego flying around in the design-o-sphere for us! Glad you enjoyed!

[@lahirusupunchandra]

Hey, Love this video and channel. Clear and very helpful tutorials. Especially Dee, your awesome 😜

[@AJSmart]

Thanks so much Lahiru!

[@ngalahgwet9253]

THANKS SO MUCH VERY CLEAR DEFINITION. BIG THANKS YOU OPENED MY MIND

[@AJSmart]

Thanks wow glad we opened the caps lock too!!!!!!

[@tonybrownux]

Nice! Had this discussion with a potential client recently. Wish I had your video then. lol

[@AJSmart]

Amazing, thanks Tony, good luck with the potential client too!

[@jamielogan7906]

Do your thing, Tony! ✌️

[@kanurajsingh7409]

nicely differentiated between both using the car steering exmaple In a nutshell, UX designer can work without using any software/app. Just needs a pencil and paper to place design ideas while a UI designer's job is to convert those ideas from paper to digital form and present a ready to use prototype to client :)

[@AJSmart]

Thanks for sharing your insights Kanu, glad you enjoyed the video!

[@43-ncbaotuyen56]

Hi, i love your video. Where can I listen to your podcasts?

[@carlosluque6363]

❤️ thanks!!

[@makingthestartup3384]

I design for banks and, since design systems, we actually incorporate UI already in the Ideation phase. It excites stakeholders who are not visually as imaginative. I believe UI will be incorporated much earlier in the design process.

[@AJSmart]

Hey, nice insight! Thanks. How do you see it being implemented earlier though? Like hi-res prototyping etc?

[@messagedeleted3526]

UX Design is the umbrella for everything the user does with your product: the experience they get from it. UI is a component of UX, one in the same. The confusion comes from people identifying as a UI/UX Designer when in fact it’s going o be the same. UX Design has become so expanded that it’s now a multidisciplinary approach to all things user experience.

[@AJSmart]

Hey Tony! A lot of the cross over / frustration comes (generally) from HR departments grouping the two into one key role. Agreed.

[@ahzootube]

Why would it be a problem to identify as Ui/Ux Designer? There are so many ux designers out there who can't make UI Design so I don't understand how it's going to be the same if only identified as UX designer. The companies are looking for people who can do both.

[@messagedeleted3526]

Because UI is part of UX. It’s not UI without UX which comes first. So only identifying as a UI Designer, leaves a lot to be desired from a hiring perspective. It would show you don’t understand critical thinking with just being a UI Designer.

[@CreoVox]

My current job to my knowledge doesnt have a UX/UI team. I work currently in IT help desk and we out source to companies for the products we use that we interact with. I am interested in learning UI/UX design as I have a creative background along with my IT background. What would you suggest when it comes to gaining experience or crafting a portfolio and job searching in UI/UX while in my current job? Thank you and I really appreciate these videos.

[@AJSmart]

Hey, this is a situation we get asked about a lot, so much so we actually put together a couple of videos about it! Hope these help?! kzbin.info/www/bejne/j3OUpIF8j5hgndU & kzbin.info/www/bejne/ap6so2l5q7xkpLs

[@CreoVox]

@@AJSmart Awesome! Thank you for the info. I will definitely check them out.

[@DoFurther]

I absolutely love that explanation. It's more simple to understand than examples with buttons, screens and other obvious stuff. I also thought that if Jonathan made this video, instead of an example of a car, there would be an example with toilet paper as user interface XD

[@AJSmart]

Quite possibly! Hahah! Thanks for the feedback too. 🥳

[@Native-Randasso]

Good stuff! I learned so much! Thank you :)

[@AJSmart]

That's great to hear Auggie! Thanks so much for sharing!

[@pixelatehead]

So, what is the difference between UX Researcher and UX Designer?

[@AJSmart]

UX designer tends to be an umberella title for the various jobs and tasks that make up UX, for example, gathering research, testing with users, making basic prototypes or mockups, undertaking interviews interview etc. Where as UX Research is a specific field within UX which would focus on the research and testing parts more thoroughly. See the Interaction Design Foundation for more: www.interaction-design.org/literature/topics/ux-research

[@prkhrshrmaaaa]

Does a UI designer have to work on the transition animations also?

[@AJSmart]

Not necessarily but an understanding of motion graphics and animation principles would be a bonus for sure. Some of our designers regularly incorporate animations and transitions into their prototyping work.

[@prkhrshrmaaaa]

@@AJSmart Thank you so much! :)

[@DamiDimension]

Wow very informative and straight to the point. And oh, your video edit is perfect! Can't imaging you actually struggled that much while filming it. I thought I was the only one that struggle to talk right straight up while filming. I appreciate seeing those raw clips at the end. Well done!

[@md.kamruzzamantuhin9333]

A marvelous informative video. Thanks a lot...

[@codaline4299]

HI AJ&Smart! Greetings! Now I understand what is the difference between UI and UX Design. In the UI design they're responsible for designing the interface like hovering the menu bars, carousels and the other stuffs that interacts to the users. Because in such a way I can design web sites by doing in the Adobe XD but I'm kinda interested more into UX than the UI. And which one will I do first, the UI or the UX? Thanks in advance.

[@hidayatpathan5823]

Is product designing a good career option?

[@AJSmart]

Very good! High demand and a low (though getting higher) supply of designers with this skillset! Highly recommended!

[@hidayatpathan5823]

@@AJSmart Thank you. I'm actually looking forward to applying to a product design course next year after I'm done with my engineering.

[@AJSmart]

@@hidayatpathan5823 Cool good luck! Which course?!

[@juanda1805]

What an amazing video, thanks for this saludos desde Colombia

[@AJSmart]

Thanks so much Juan!

[@syedazhar8554]

can you tell me what tools we should use to become a perfect UI/UX desginer these days? which is the best out of all and what they should be doing in their career? it would be grateful if you reply :)

[@DForce-fn7xm]

I love the Totoro plush in all of your videos :D

[@AJSmart]

haha he's a regular character in all our videos now!

[@aaradhanah5059]

I had a great insight, thanks for your team. Is UX design a non techie job?

[@buskinglankans]

Initially how do we suggest to a team which workflow works for the project if you are dealing with very short time line?

[@aishwaryakhairmode1732]

First of all Thank you for this great content . I have a question though I love designing things , painting and creating new stuff. I got clear idea about UI design . My question is How to I start the UI design if I am learning by my self ?

[@evachen4475]

that guy walking at the background is a nice highlight LOL

[@AJSmart]

Pierce? hahahah thanks!

[@joelmendes4506]

Whats the difference between a UX designer and a product designer for example? looks pretty much the same...

[@DeRosaryComedy4392]

AJSmart company, WAW I love your videos buh I kinda of what to Know if I can learn UX/UI design at the same time? And also I kinda of love to know our Dee's website because I find her as a mentor and a hero and I want to learn more from her please Thanks

[@lanzraven6764]

I love how she's got Totoro next to her

[@rjbawari1620]

Hey.. nice video🙂 i like to make carrer in ux/ui design but i dont have any experience and qualifications of IT so what i do?

[@pritiroy6849]

What's Best way to self-learn ux design? Awesome video btw!

[@AJSmart]

Hey Priti! Thanks so much for the kind feedback. It depends what kind of level you feel you are at. For complete beginners there is a wealth of content online. We'd recommend checking out this video, where we detail lots of FREE UX courses from reputable sources. Some are simply free trials but there are also lots of robust courses in there: kzbin.info/www/bejne/gqbTd2VslL-ma7s There are also lots of great texts that relate to UX Design, such as Don't Make Me Think ( www.amazon.com/Dont-Make-Think-Revisited-Usability/dp/0321965515/ref=sr_1_1?keywords=Dont+Make+Me+Think&qid=1568716708&s=books&sr=1-1 ), and The Design of Everyday Things ( www.amazon.com/Design-Everyday-Things-MIT-Press/dp/0262525674 ), which will give you a great grounding to begin with.

[@pritiroy6849]

@@AJSmart You guys are AWESOME!!!! thanks for the help :>

[@AJSmart]

@@pritiroy6849 Thanks Priti!

[@kanishkmunoth9035]

For being an UX Designer, Is it important or beneficiary to have knowledge about technical stuff?

[@jano3387]

Hello AJ & Smart I've been a self-taught graphic designer for quite some time now. And I'm transitioning my skills into UI designing ( hopefully in the future UX design also.) For the past 4 years of my freelancing career, I have been working with mobile application design. At first, I thought it was only that simple screen designing , not until I study and dig deep on online courses, so far it was very challenging. UI design is not only based on design centered approach perspective, but it really value the users need and feel. And I just want to thank you for your insightful explanation of this video, it helps me a lot. Can I ask what are the things I need to study specifically learning more in UI design? Am I needed to study deeply in UX also or not?

[@AJSmart]

Hey Jan, thanks very much for your comment, really cool to hear about your journey, thanks for sharing! In regards to UI design, fundamental understanding of things like Typography, Colour interaction, Hierarchy, Visual Design and areas like that, more commonly attributed to 'graphic' design will go a long way. There are LOADS of channels and resources even here on KZbin. Definitely check out FLUX for a start. kzbin.info/door/N7dywl5wDxTu1RM3eJ_h9Q . Ran does a lot of web design / UI videos that may be of use to you. A broader understanding of the principles of UX Design will also help yes, particularly when working on projects with a UX team or designer. Check out our own video here: kzbin.info/www/bejne/gqbTd2VslL-ma7s for loads of FREE UX courses where you can learn some of the basics now. Hope this all helps!

[@jannetomandam6171]

@@AJSmart Thank you so much, I greatly appreciate it :)

[@pauliusradzevicius8021]

Hey! So how about coding? HTML, CSS, JS isn't a part of a UX/UI designer skills set?

[@AJSmart]

Hey Paulius, we get asked this a lot actually. Having an understanding, particularly from the UI side will certainly help and improve workflow at the handover stages, but we wouldn't expect our designers to have a previous knowledge of coding, and don't see it as a requirement.

[@ProductJonas]

no, not really. to know this stuff is the job of a Front-End Web Developer. But it's definitely helpful to know the basics as you can set yourself some constraints when you're designing something (effort of development, affordability, etc.).

[@AJSmart]

@@ProductJonas PREACH!

[@Calumrussell88]

That steering wheel though... 🚙!!!

[@AJSmart]

Vroooooooooom!

[@FirdavsiGameDev]

You are fantastic!

[@AJSmart]

Thanks, Nevci! You the best too!

[@EricBurman]

Did I just see a prototype for the Make Time app at 5:39!?!?!?

[@AJSmart]

Perhaps... It's been in the works a while, and we also shared more of this footage publicly on one of our older Figma videos with Rob!

[@michaelkoladam9877]

Aren't companies looking for people who can do both UX design and UI design since both skills together have amazing synergy? Especially small to mid sized teams? Thanks!

[@AJSmart]

Yes they do Michael, we see that in a lot of jobs but they're two very different professions. So having everything bundled in as one will inevitably lead to certain areas not being covered fully. Like should a UX Researcher be building a graphical interface for a new app? Or actually testing and undertaking research and interviews?

[@brucewyatt8974]

Hello, I am actually interested in the way, you guys edited this video. I noticed that after every end of phrase of the speaker, there is a zoom in or zoom out. Can you guys explain briefly the theory behind? If possible any link/tutorial on how to do it?

[@AJSmart]

Hey Bruce, well spotted. Sure! So we usually use these zoom cuts if we have to edit out a short section of video, usually for a pause or a mistake etc. The Zoom cut make the final footage seem more fluid smooth. Rather than having the same zoom / angle, where the person would be glitching around on screen at every cut. It's just a basic way to mask this. It is also meant to help keep the attention of the viewer, so there's more dynamic movement on screen. Hope that helps!

[@brucewyatt8974]

@@AJSmart Thanks for the explanation :)

[@AJSmart]

@@brucewyatt8974 🥳

[@konnstantinc]

It is better to be a multidisciplinary designer or focused only on 1-2 software? for example, is better (from clients/company view) to know photoshop, after effects, illustrator, XD.. etc and try to understand them but you are not good at all of them or is better to know, let s say.. photoshop and illustrator and master them well? to be good in an area not in 5.

[@okishan]

Photoshop and illustrator are just "tools" they don't define the creative. You need to master the skill. Knowing Photoshop doesn't make you a Graphic designer.

[@diaan858]

@@okishan +1 for this. Many places will have their own preference due to bulk licensing or collaborative requirements but software proficiency is a highly transferrable skill in design apps so you should have no trouble learning a new interface. It maaaay be an issue if you heavily rely on things like proprietary filters or inbuilt functions like photoshop's content aware tools but if you can get past that, you'll be fine.

[@AJSmart]

Hey Konnstantin, we'd have to agree with Ishan here. The tools certainly don't define the designer, PARTICULARLY in regard to the field of UX design, try to broaden your wider understanding of products here, and learn more about how to gather and process information relating to the user's experiences using a product.. If you're looking at UI Design however, having an understanding of the most widely used tools (Which essentially all do the same thing, to vary degrees of quality / functionality) will help you plug in to most design teams. Certainly Adobe XD, Figma, Sketch are the most widely used agency standard tools, particularly for prototyping digital products. Finding your own favourite and developing further with that tool would also be beneficial. If you're working remotely for example, familiarising yourself with Figma's collaborative working would make sense. Hope this helps!

[@AJSmart]

@@okishan This is very much spot on Ishan, we'd agree!

[@AJSmart]

@@diaan858 +1 !!!

[@The_Bobber_Men]

Hello!!I I am Fahad from Mumbai Student of B.des 2nd year Product and Industrial Design, after watching ur videos am very curious to know more about UX design to being an UX designer does i need to take any course of UX design or what??

[@AJSmart]

Hey, depends on what kind of level you're at currently and where your interests lie. We recommend check out our video which is PACKED with FREE UX courses. Some are simply free trials and tasters, and others are much more robust courses. Check it out here: kzbin.info/www/bejne/gqbTd2VslL-ma7s Generally it's great to get to a base level understanding of what will be expected of you, and what tools and skillsets to develop, but formal, multi-year courses are becoming increasingly redundant with such great content available online!

[@The_Bobber_Men]

@@AJSmart Thanks a lot for your kind Answer. can you please suggest mei some good design school in Europe or make a video on that topic Design schools.

[@AJSmart]

@@The_Bobber_Men Hey we can look into doing a video on that for sure. But in terms of European design training, would you be based in Europe or looking to learn remotely? Career Foundry offer great courses and are worth checking out!

[@The_Bobber_Men]

@@AJSmart Am looking to learn in Europe because on the basics of my research i found country like Germany they quality education with very very low cost for local is free as well as international students also except living and other cost as compared to other countries like US and Canada etc..

[@okishan]

@@The_Bobber_Men why and what do you want to learn further abroad? Language is a huge part in design, and you can't study in Germany without knowing German. I am not sure how learning design in German language and then working in India/Elsewhere would work. 🤔 Also, I'm too from Bombay!

[@karthiknath3745]

0:43

[@diaan858]

The overlap is a source of great pain for me as a UI designer in a corporate environment, especially when upstream UX designers cut UI out of the SDLC because it 'tecnhically' doesn't need UI to build the interface because of design systems and tools that UI created for hi fidelity mockups just so that they can remain in control of all aspects of the interface. And UX being positioned closer to the planners, leaves very little for UI designers to alter after UX had presented their idea of the 'finished' product for signoff. So infuriating.

[@AJSmart]

This is true and a constant source of frustration for applicants and design teams alike (in larger orgs. where HR do the hiring...)

[@RaymondStone]

This might be why very few companies even hire UI designers anymore. I've been a UX designer for several years. Every company I've worked for either combined the UI and UX roles into a "UI/UX Designer" or "Product Designer," or they had a team that focused on UX while delegating the UI design to art directors and creative directors.

[@AJSmart]

@@RaymondStone Fair point Raymond, would you have been expected to also develop a full UI or visual interface as well as the research and testing elements?

[@diaan858]

@@RaymondStone maybe UI should just die out and and join the UX revolution. It is impossible for a UI specialist to obtain an executive post in any sort of environment where UX designers are employed and coexist under one branch of the corporation. Funny thing I remembered now. I was once graced with the experience of a UX lead advertising a position for a 'UX graphic designer' and I didn't know what that meant. I still don't.

[@RaymondStone]

@@AJSmart In my previous role (which just ended last Friday) I was a UI/UX designer, so I developed the full UI and visual interfaces as well as the prototypes the users tested. My boss (Director of Technology) is the one who presented the prototypes and gathered the feedback from users. He would pass this feedback on to product team, which included among others the developers and the one UX designer (me).

[@carissasimmons1658]

Anyone else coming from Springboard UI/UX career track?

[@hajar6472]

am I the only one who laughed when " Graphic Design " was written in comic sans?

[@DoFurther]

6:25 Oh, that NPC got stuck in a bucket )

[@jonathancourtney1175]

Help... me

[@AJSmart]

@@jonathancourtney1175 AGAIN!

[@AJSmart]

hahahahah too true! Tooooo trueeeee

[@juandiegs6409]

6:24 this man is me

[@AJSmart]

Hahahaha #relatable!

[@juandiegs6409]

@@AJSmart Jonathan is glitching. 😂😂😂

[@MahmoudMahmoudTobi]

*U exrovert / U introvert*

[@AJSmart]

No U!

[@mahnoorbaig6584]

That zombie guy