The Dangers of Dribbble (Use THESE Instead!)
Вставка
- Опубліковано 28 тра 2024
- Dribbble is a fantastic site that has a ton of inspiration for many different types of design. I've used dribbble many times over my years for web design inspiration. Also, dribbble is fantastic for understanding where design trends are headed, and what you could take a look at for that type of style. However, dribbble alongside some other inspiration sites have an incredible amount of design that has never been tested as a real website. If you want to get inspiration for designs you need to understand what websites really convert and what websites have been published onto the world wide web. If these websites have been used over and over by real clients they're more likely to be better inspiration for you than those that haven't. All in all, all the sites I'm showing today are great for inspiration, but use them wisely!
0:00 Intro
0:35 The problem with Dribbble
3:10 What you want
4:15 The best inspiration sites
7:20 Mobile Designs
8:00 Specific Sites
8:40 The Best Alternatives
🛠.Try Inspiration + Components all in one 👇
www.tilebit.io
----
404 Error Page - Awwwards
www.awwwards.com/awwwards/col...
Lapa Ninja
www.lapa.ninja/
Godly - The Best Web Design Inspiration
godly.website/
UI Sources | Mobile Design Patterns and Interactions
www.uisources.com/
Browse iOS Apps
mobbin.com/?via=arnau
UI Garage - Daily UI Inspiration & Patterns for Web, Mobile & Tablet.
uigarage.net/
Siteinspire - Web Design Inspiration
www.siteinspire.com/
Land-book - website design inspiration gallery
land-book.com/
Landingfolio
www.landingfolio.com/inspirat...
🛠 Try Webflow 👇
webflow.grsm.io/arnau
🚀 Subscribe for more weekly design content
bit.ly/2FQLrO5
🎥 What I use in my videos!
kit.co/arnauros/filming-setup
📄 Bonsai Referral (try for free)
www.hellobonsai.com/invite?fp...
👨💻 Connect with me
arnau.design
🌎 Socials
/ arnau_design
/ arnau_design
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you!
Do you use any of these other sites?
Lapaninja, because you have mentioned it in your other videos. But the last 2 are actually awesome 😎
I technically used Behance as my portfolio site mostly and Upwork as my freelance (also inspiration sites)
Yes!! I use some of them.
@@rcpowder1578 What's your Upwork url? I'll love to see.
I use Awwwards. I love some of the award-winning websites they share.
I also do this when I need some inspiration in a certain niche
1) Search for "Best (x) agency in the world", "What is (x)", "Articles on (x)"
---> (x) refers to the niche topic
Then I browsed through the first 3 pages of all the search results. By doing that I can have an actual look on the websites that the people of that niche are actually using.
I know, that's a simple thing but it seems more practical to me.
PS: Dribbble is now more towards "Concept" UI designs rather than problem solving. Now most of the designs look great but when it comes to conversion point the designs are not perfectly optimized. I am not saying dribbble is the worst, because I am also a pro member there. Just not happy with the current situation there
I can't thank you enough, this was unbelievably useful.
You just solved a problem I was facing through the whole last month, all that time I was looking for websites design inspiration and every one I know told me to go to dribbble etc.
I faced a problem, you solved it in way better than I could ever imagine.
I'm deeply grateful, thanks again for your awesome content 😊
Yeah, dude most recommendations are only for behance and dribble. Some also suggested me the websites bro mentioned but no reason, like use them as alternative
I mean I already kinda knew that you gonna mention these webs the moment I read the title because I’ve been there, so good job 👍🏿
WOW!!! such an amazing video. really appreciate it that someone else gets my frustration; And thank you. Now, I have a way to solve the lack of references when designing.
I've found so many of my favorite designers on Dribbble; I also love collecting professional wireframes / mockups for inspo (I'm in frontend web dev, but doing solo projects without UX/UI experience is ...oof)
that being said, as a non-designer, this video helps me as well - my untrained eye might be implementing "bad" design unknowingly
having the standards included by default makes my life A LOT easier, so thanks for sharing!
Amazing take on dribble! The problem i had with awwwards is that these examples are also very influenced by webflow trends where UX is definitly not the goal. It seems to me that designers often forget who they design for since most sites can only be understood/navigated by designers and not by common internet users. :)
damn thanks for suggesting these sites cuz I have heard that we should not take inspiration from dribble but know one suggested other resources!
Subscribed!!
Really amazing stuff brother. All of the sites are very useful. Thanks!
Good Job Ros!
This video was so informative and helpful! Thanks for sharing :)
Wow, I’m so happy I found you. I really enjoyed all the information you share. Definitely very good details. Thanks handsome.
Thanks for wayching!
Yes sir learning a lot I’m still watching all your videos
Really awesome video!!
Thankful for your channel brother!
Thank you!! This is really eye opening!!
Great video - I definitely think Dribbble is useful for getting a sense of what UI trends and potential solutions are. However, I wouldn't even think of using it to help solve UX problems. A lot of the designs are 'Daily' challenges, or just straight copy+paste layouts that are intended to look good, but don't perform in real-life scenarios.
Great sites, love what you share. Very straightforward and nice delivery 😊. So helpful, thanks a lot.. liked & subscribed ❤
Awesome, thank you!
Remember, this video made me subscribe to your channel and follow you. Appreciate your research for this content.
The most helpful video that I saw in the last couple months !!
Thank you.
Glad to hear that!
this was like this back then when dribbble and other sites aren't existing before, I was told by my fellow web designer that don't do websites or do a mockup a fake company for practice, if you want something a design that works for client or real world do the actual thing and stick to it. Back then I didn't like that advice, but fast forward that advice makes sense to you now ...
but these websites that offers spaces for prototyping, test, ideas for the idea to "share" it what makes everything now beautiful and fluid.
I'm glad you made this video.
And yeah, most designs on Dribbble are so not practical.
Thanks. 👍
Thanks so much, I've been always struggling with inspiration.
Happy to help!
This is an absolute gem of a video!! Thanks for this.
Glad it was helpful!
great information... I always wondered why the designs do not look great after the coding!
Oh yes, I also noticed that after creating a website that I designed myself! Weird, this also makes me think about how sensitive is web design as some minor changes can ruin or make the webpage brilliant and right.. that's only a thought that I may need to get confirmation on from some experienced people and learn more about
This is amazing! Thank you for sharing
I kinda get your argument. But only as far as usability is concrened. Because I remember the brief struggle that was flash websites. Where some designs were just so art-focused, casual visitors struggled to navigate them. If every website online decides to implement its own understanding of how to navigate their site, then we will just have usabilty chaos. But that said, I don't think all designers go to dribble with the intention of copy-pasting what is published there. I for one, tend to visit dribble to get new and not overly implemented color combination ideas. Small UI component designs like buttons and cards. Then I incorporate variations of those ideas in my projects. Anyway, I like your collection of sites. It's been a while since I visted awwwards, but the other sites look neat as well. Thanks for sharing
Awwwards is great, however I do believe many of the projects there are massively experimental and often will not be UX friendly.
Some examples would be: slow loading speeds, distracting animations etc.
I agree I also notice that everything is repetitive on dribble. I was looking for UI design for class and couldn’t find anything different.
This video helped me alot. Thanks.
Great content. Thanks for sharing.
this is an amazing video my friend, you gained a subscriber.
Bro accessibility is all I care about anymore design wise and why I refuse to use website builders any longer. It messes up everything from UX to SEO to security. Most start ups don't care but established businesses who want results do. "Real businesses"
What's wrong with website builders?
whats wrong with website builder?
@@anilmee nothing unless you care about security control and dependency.
We build accessible sites with website builders.
@@AyDeeSandra Yes I believe it.
really nice one man. Thanks!
You deserve more followers bro
Your efforts surely gonna pay off man
🙌
Thank you my friend!!!
Same thoughtss
Life-saver Arnau!!! Thanks a lot.
Glad this content helps!
I just started as a freelancer software engineer, so my UI/UX is so bad, i think that use Dribble is very useful because i can change from an useless board design to a aceptable/not so bad designs for my software.
only a small comment, I feel there is something lacking from awwwards, Lapa Ninja , godly is what I actually look for on Dribbble. I went to those websites suggested but lack to find some elements that were not a landing page, something more robust like a dashboard. Also we need to remember that some of us need to design according to the developer skills too, I cannot make a junior dev produce one of those awwwards website animations or how complex. This is why I go to behance and dribbble, to check what could be a good position for a table filter, what alternatives I can use to make a better settings page.
When you are designing a product takes soo much research to be done.
great video, very valuable!
Glad to hear it!
Such an amazing video
You broke everything down
I love the way you think. you just gained a new subscriber.
Thanks Jakseen welcome aboard :)
Thanks for the great info!
thank you! very useful information and definetely makes sense
Glad you think so!
Outstanding! Thanks for creating this.
Glad you enjoyed it!
Awesome vid! What video editor do you use that you have yourself as a rectangle on the side? Did you do that manually or is it from a software? Thank you!
Premiere pro!
I was just thinking the same thing, but thought to myself what do I know. However, from real test designs that have a lot of moving parts do not convert. Animations increase bounce rate dramatically.
Thank you, this is super helpful!
Glad it was helpful!
Dribble and behance is not just ui/ux inspiration websites. I liked all the options you showed but all are limited to web & app design in general.
Personally I've found some solutions to problems from dribbble whether they're mostly conceptual or not. It's my job to see how each idea works for a particular client. Thank you for the ones you put out, I'll definitely check them out, but I believe I'll keep using whatever inspires me and provides the best solution to my clients. At the end, they're the ones using it, I just have to make sure the right principles are applied, like spacing hierarchy e.t.c, so if it means correcting a design on dribbble, I'll do that
I like your approach to problems. Truly understanding the clients needs is important.
thank you. i really needed that
Awesome! Glad it helped
Thanks been looking for something like for a while
That’s very useful! Thanks😃
Glad it was helpful!
Great video! Keep it real lol!
thats the point!
my man is producing bomb content day by day, 100k subs soon.
Really appreciate you! Thanks for watching
Great work bro. How about we get the list of these sites. So we can store in our notes or something.
Just added to description :)
This is awesome. Thank you.
Glad it was helpful!
Thank u boss, I have been looking for some inspirations sites other than dribbble and behance........Awesome resource....
UI Sources is by Abnux (Abhinav Chikara) Who also has a UA-cam channel. He started off alone, now he might have a team I’m not sure
thanks so much man
Keep on doin what u doin
I love your videos
Thanks!
great man, Thanks
Hi Arnau is there a site where I can get a UI design website the asset(images and other content). I would like to recreate them using Webflow
Thank you
Not that I know of!
this video helps a lot, thanks
Glad to hear it!
Cool!❤
Glad you liked it!
Do you have any references to search for dashboard UI design inspiration?
this helped alot
very useful
Glad to hear that
I have like "hunderts" of those websites for inspiration and I know that's counterproductive. How I deal with that, how much inspiration/ inspiration websites are too many?
Ooh thank you! I was getting tired of not finding anything on dribbbl n Behance. Everything on there is just landing pages with basically the same layouts. Not much creativity
Love it!
Sweet vid tnx
Do you have another alternative for mobile apps asides from the ones you mentioned?
Not at the minute, mobile apps are not my expertise :)
what is the font that you used on slides?
Pangram mori :)
totally agree bro!
Great video
Thanks for the visit!
you talked about only webpage inspiration, what about other things like font, icons, illustrations etc.
take a look at other videos on my channel! I've covered these as well :)
I'm screwed. I thought the first website you showed looked fine. 🤣 Where are the hierarchy problems? Although I do see some top padding issues.
Thank you
can anybody tell me what the proper padding, the proper hierarchy and the proper contrast are?
Hey, happy to help here I have a layout basics video that should help you with padding and everything like that
Finding design inspiration isn't learning design. If you don't have a good grasp of the design discipline, it doesn't matter that you get your inspiration from REAL sites or apps. You can look at designs all day but there's no guarantee that you'll get inspired.
wow this video really helped a lot .. i never really noticed all these till i started comparing landbook and landingfolio designs to dribbble, the difference is tooo much 😂
thanks
Loving uigarage! thanks
Great to hear!
What typeface was used at 0:30
Pangram's Mori. You can get this font in their starter pack. Use code ARNAUROS20 to get 20% off. pangrampangram.com/products/fsp
True
Most of these inspirations are just landing pages, the feature search on ui garage is nice but as you've said, the designs there are not very pretty
How are they as far as hosting a portfolio goes?
for hosting work dribbble is great!
@@ArnauRos Thanks.
legend
It's a Pay-to-Play. So Dribbble exposure won't be reality based.
Thank you for the advice
Yep! Especially nowadays with how they've changed the site
Can you please try and not show the mini video cam that's visible throughout ALL the video... i cant seem to be able to focus on the designs with a super hottie in the corner :(
These websites have become Sci-Fi,they post designs that are not possible to create and they just look like color book
Although I like your point about not using Dribbble or Behance for practical web design. When it comes to creating real-world projects that solve problems, Awwwards is NOT a site to look at. The majority of Awwwards sites are there because they use parallax, loco scroll, and big text. How many big brand companies use any of those techniques on their sites? Not many. Why do you think that is? Because they aren’t practical for the majority of users and aren’t responsive enough to convert effectively. Just because it’s a “real site” doesn’t mean it has solved problems either. Anyone can publish a website on the internet.
Long story short, if you want to get inspiration, look at the top brands in the world and how their sites are built, then use a bit of creativity to come up with a new twist on what already works really well.
Well it depends what you’re looking for. If you want a b2b marketing landing page then sure look up examples of that. Theres nothing wrong in doing that :)
Could not agree more. Dribbble is trying to be the leader of inspiration, but they have lost the plot!
bro is yapping 💀
Good video, but Awwwards -- seems like the majority of submissions have a 3 to 5 second loading screen. Instant buzzkill.
Legend! Good to see you here. - You’re right! Lots of these awwwards sites have so much going on that it takes a while to load. It would be great if the sites loaded faster so users could experience them properly.
But who use Dribbble?
😍😍😍🤩🥰
I read uigarage as Ui Garbage 😅
the creative/associative hemisphere doesnt care if it’s industry standard or not. lol. GATHER, INTERPRET, SYNTHESIZE.
The creative industry doesn't care if a design meets standards of accessibility?
Awwwards doesn't have such a nice UX, and websites are so aprstract...
They’re quite abstract most of the time!