- 22
- 6 961
ASuperNiceGuy
United States
Приєднався 29 лис 2018
~~~Update 10-22-22~~~
I'm currently working through a lot of things right now and need to go on a little hiatus. Thanks for all your support! 🙏
This channel is all about sharing UX/UI tips & tricks and passing down insights as I navigate my own career as a product designer. 🎨
If you’re an aspiring digital designer, I want to help you save time and level up your skills faster than I was able to. I’ll also be sure to share all relevant industry and community buzz so we can all grow together. 🚀 😄 ✌️
I'm currently working through a lot of things right now and need to go on a little hiatus. Thanks for all your support! 🙏
This channel is all about sharing UX/UI tips & tricks and passing down insights as I navigate my own career as a product designer. 🎨
If you’re an aspiring digital designer, I want to help you save time and level up your skills faster than I was able to. I’ll also be sure to share all relevant industry and community buzz so we can all grow together. 🚀 😄 ✌️
Process work along pt.5 Decomp/Handoff
In this video, I talk through the final part of my process workflow where I prepare final designs to send to development!
🔔 Subscribe, Comment, and hit the bell for more episodes › cutt.ly/sFYHrJc
0:00 Intro
0:18 Page structure
1:37 Developer annotations
5:21 Outro
🔔 Subscribe, Comment, and hit the bell for more episodes › cutt.ly/sFYHrJc
0:00 Intro
0:18 Page structure
1:37 Developer annotations
5:21 Outro
Переглядів: 28
Відео
Process work along pt.4 Prototype
Переглядів 232 роки тому
In this video, I continue my process work along and take visual designs into prototyping! 🔔 Subscribe, Comment, and hit the bell for more episodes › cutt.ly/sFYHrJc 0:00 Intro 0:40 Prepare screens 2:36 Load in transition 5:51 Push screen transition 7:06 A note on pages 8:08 Outro
Process work along pt.3 Visual design from wireframes
Переглядів 352 роки тому
In this video, I continue my process work along and take wireframes into visual designs and end with some final comps! 🔔 Subscribe, Comment, and hit the bell for more episodes › cutt.ly/sFYHrJc Resources iOS components www.figma.com/file/959002419611062857 Material icons www.figma.com/plugin/1088610476491668236 0:00 Intro 0:25 File structure 2:53 Inspiration 6:39 Visual design 12:02 The chip 14...
Process work along pt.2 Wireframming
Переглядів 192 роки тому
In this video, I continue my process work along and take sketches into wireframes. I emulate some feedback to respond to and detail how I go about making progress in my work! 🔔 Subscribe, Comment, and hit the bell for more episodes › cutt.ly/sFYHrJc 0:00 Intro 1:19 Reviewing sketches 2:25 File setup 3:16 Make the wireframe 12:59 Wrap up 14:04 Outro
Process work along pt.1 Sketching ideas
Переглядів 202 роки тому
In this video, I talk about the power of sketching your design ideas, an early step in the design process, and I go through my specific sketching workflow with a hypothetical prompt. 🔔 Subscribe, Comment, and hit the bell for more episodes › cutt.ly/sFYHrJc 1:00 Intro 0:26 Setup 2:36 Sketch 1st idea 5:56 Sketch 2nd idea 6:50 Sketch 3rd idea 10:10 Sketching considerations 12:39 outro
What is a design sprint?
Переглядів 462 роки тому
In this video I talk about the design sprint and cover the basics of what benefits come with it! 🔔 Subscribe, Comment, and hit the bell for more episodes › cutt.ly/sFYHrJc Sprint resources AJ&Smart Design sprint 2.0 ua-cam.com/video/Z8MOwcqZuuU/v-deo.html Google design kit designsprintkit.withgoogle.com/methodology/overview designsprintkit.withgoogle.com/case-studies Google 3 day design sprint ...
Design process crash course
Переглядів 902 роки тому
In this video, I talk about one of the most fundamental concepts of design, process. I quickly discuss the overarching steps and briefly go into the expectations of each step. 🔔 Subscribe, Comment, and hit the bell for more episodes › cutt.ly/sFYHrJc 0:00 Intro 0:56 Process overview 1:30 Step 1, Discover 3:39 Step 2, Define 4:54 Step 3, Prototype & Explore 6:42 Step 4, Design & Execute 8:45 Shi...
Proto persona workshops
Переглядів 1,4 тис.2 роки тому
In this video, I talk about the benefits of creating proto-personas and when you might want to lead a workshop for defining your own! 🔔 Subscribe, Comment, and hit the bell for more episodes › cutt.ly/sFYHrJc Proto Persona Reading www.mural.co/blog/boost-empathy-quickly-with-proto-personas UI Name Generator uxdummy.com/generator/fake-user-name 0:00 Intro 1:31 The value of the workshop 3:15 The ...
User onboarding audits and inspiration
Переглядів 1262 роки тому
In this video, I talk about the UX concept known as user onboarding while also walking through some examples to illustrate how to apply it. 🔔 Subscribe, Comment, and hit the bell for more episodes › cutt.ly/sFYHrJc Onboarding readings www.nngroup.com/articles/mobile-app-onboarding/ www.nngroup.com/videos/onboarding-skip-it-when-possible/ www.nngroup.com/videos/onboarding-new-users/ www.useronbo...
Animate a Heart Burst
Переглядів 1,2 тис.2 роки тому
In this video, I walk through how to create a heart-burst animation. I cover the full workflow from prepping the asset for animation to animating everything and lastly delivering the finished file. 🔔 Subscribe, Comment, and hit the bell for more episodes › cutt.ly/sFYHrJc Assets Heart icon fonts.google.com/icons?selected=Material Icons&icon.query=heart AE Plugins aescripts.com/repositionanchorp...
User flow audits: Chat groups
Переглядів 512 роки тому
In this video, I cover my approach to auditing user/task flows that exist in current apps and services. This is a technique I use to understand in greater detail how I might go about creating a new feature in the work I'm doing. 🔔 Subscribe, Comment, and hit the bell for more episodes › cutt.ly/sFYHrJc User flow & Task flow readings medium.com/mobile-junky-space/what-is-a-user-flow-everything-y...
Choosing unique gray values
Переглядів 1652 роки тому
In this video, I talk about creating gray values and using the HSL color system for generating colors! 🔔 Subscribe, Comment, and hit the bell for more episodes › cutt.ly/sFYHrJc Gray Readings uxmovement.com/content/why-you-should-never-use-pure-black-for-text-or-backgrounds/ medium.com/fruto/a-guide-to-colour-in-ui-design-52389f7b000b blog.prototypr.io/dark-mode-ui-best-practices-8101782de93f 0...
Make less decisions while design user interfaces
Переглядів 422 роки тому
In this video, I discuss the practicality and efficiencies of having a scaling system for making all sorts of UI decisions. 🔔 Subscribe, Comment, and hit the bell for more episodes › cutt.ly/sFYHrJc Additional Resources Ant Design › ant.design/ Ant Design in Figma › cutt.ly/iFYNYzh Refactoring UI › cutt.ly/EFYXzB4 Design faster in Figma: ua-cam.com/video/_kfVHhEJIng/v-deo.html 0:00 Intro 0:48 S...
Design an interactive component loading button
Переглядів 1542 роки тому
In this video, I walk through how to build a loading button as an interactive component using smart animate! 🔔 Subscribe, Comment, and hit the bell for more episodes › cutt.ly/sFYHrJc Jakob Nielson's 10 Usability Heuristics www.nngroup.com/articles/ten-usability-heuristics/ 0:00 Intro 1:04 Setup 6:12 Prepare the animation states 15:53 Convert to interactive component 16:38 Smart animate element...
A look at what’s new with Material Design 3
Переглядів 1,3 тис.2 роки тому
In this video, I walk through Google's latest Material Design 3 and share my thoughts on why it's one to pay attention to. 🔔 Subscribe, Comment, and hit the bell for more episodes › cutt.ly/sFYHrJc Material website m3.material.io/ Figma resources Material Design Kit www.figma.com/community/file/1035203688168086460 Material Theme Builder www.figma.com/community/plugin/1034969338659738588/Materia...
Animate a loader with After Effects & LottieFiles
Переглядів 6252 роки тому
Animate a loader with After Effects & LottieFiles
Design & prototype a mobile side menu in Figma
Переглядів 9432 роки тому
Design & prototype a mobile side menu in Figma
Gathering & using inspiration in UI design
Переглядів 1562 роки тому
Gathering & using inspiration in UI design
Design faster in Figma - Tips & Tricks
Переглядів 1222 роки тому
Design faster in Figma - Tips & Tricks
Super helpful! Please do more of these in the future.
I'll keep that in mind, thanks!
Thank you :)
Glad you found it helpful!!
This is a super nice series
Thanks, glad you liked!
Love these! Please don't stop making these videos. So helpful
Thank you!! Glad you liked, I'll keep this in mind 😄
For sure. Awesome channel
Have yourself a SUPERNICE day
you as well good sir!
Thanks for this. Running a workshop with my POs and SLTs today. New job so a bit nerve wracking! I hope it goes well!!
Love that! Good luck with it! I know the feeling about the new job nerves but I also find it's a great time to build a strong impression!
Really insightful! Does each participant make their own proto persona for each role? Or does everyone contribute to make one joint proto persona for each role
Thanks! In this format, everyone contributes to make one proto persona for each role :)
How I get android
very carefully
What is this?? U should start posting Resident Evil speed runs
hahaha love u
Interesting video ! I also find it amazing they gave a very helpful description on how to use each component
Yes! I can't overstate how much I love it!
++ 👏👏👏
🙏🙏🙏🙏
This is great advice, I appreciate you organizing this information for us... I'd wager that having a SOLIDGOLDPOPFILTER only adds to one's hirable credibility, 4-year degree or not.
ty sir!
I'll look out for a solid gold replacement there for ya ;)
Very cool! We did something similar for Drumnow and it looks great now. Keep the videos coming!
🙌✨
🔥🔥🔥