/r/UI_Design

Photograph via snooOG

User Interface Design (UI Design) is the design of user interfaces for the web and devices using design and typography principles with a focus on maximizing usability and the user experience.

UI Design Submission Policy

  1. Visit the UI Design Wiki for all posts related to getting started in UI Design including career, courses, and software, please go here first before posting.

  2. Follow reddiquette, don't self-promote No freelance, business, agency, OR self-promotion. This includes your portfolio, Dribble, Behance, Instagram, Youtube channel, apps, services, software, platforms, blogs and tools.

  3. When sharing your UI WORK Include an overview of the project including the software & tools used, intended audience, etc to help others to understand your design and processes and provide constructive feedback.

  4. When providing FEEDBACK Constructive criticism is encouraged and hate is not tolerated. If you dislike something say why and try to include helpful tips on how you see best to improve. Downvoting is not critiquing.

  5. NO SPEC WORK, SURVEYS OR JOB requests, or any type of design contest. No FREE work requests of any kind. Respect our designers in the sub and the industry. Job posts belong in /r/forhire, /r/DesignJobs or /r/jobs

General

  • All off-topic and lazy links posts will be removed. This including resources, kits, YT videos, Medium Blogs and other external blogs/content posts (e.g "5 UI trending tips/ tools in 2020").
  • Please do not flood the sub with Daily UI challenges.
  • Using multiple accounts to bypass the rules or for any other reason will get you banned.
  • No memes or other types of non-design related content. See /r/CrappyDesign or /r/designmemes*

Resources

Related subreddits you might enjoy:

/r/design

/r/graphic_design

/r/identifythisfont

/r/typography

/r/CrappyDesign

/r/designthought

/r/Design_Critiques

/r/DesignPorn

/r/product_design

/r/industrialdesign

/r/talesfromdesigners

/r/52weeksofdesign

/r/criticaldesign

/r/technology

Other

NO PERSONAL INFORMATION Do not publicly post personal information. You will be banned for this.

Please report any posts which break these rules, to maintain the quality of the subreddit.

/r/UI_Design

172,357 Subscribers

1

How intertwined is UX and UI?

I want to create a UI portfolio and know that UX is really important to the design of a product because we have to know how the user interacts with the product in order to make a good design. But is there a way to create a portfolio without the research at least at first? I don't have any company, bootcamp, or clients to back me up, and finding users to interview for something seems really daunting and impossible. Like how do I find a target audience if I don't have anything to actually give them (like a real product that a company would have if I worked for a company)?

I want to learn how to do the research and all, but I am more interested in the interface design portion of making the product so I want to lean more towards that in my portfolio.
I'm just confused how to proceed and make a good portfolio if I don't have the resources for the research portion.

1 Comment
2024/03/19
07:29 UTC

2

Is this design cluttered?

Im making wireframes for app about coffee - app that lets you see informations about specialty coffees, as well as add and see reviews. On the product page, there is a lot of stuff that have to be shown - and however i do it i feel like it is cluttered.

What do you think about those wireframes? Any ideas on how to improve my design, so it doesn’t fell as much cluttered?

11 Comments
2024/03/19
02:16 UTC

1

Looking for an application/tool

Hi guys,

I need some help and thought you guys might be able to help me out. I am following a Dutch design agency where they use a specific 3D application to animate elements for a website.

You can check this post, it's regarding the 3D can: https://www.instagram.com/p/C01tEpUsgja/

I've also uploaded some screenshots of the software:
https://ibb.co/KXySQWs
https://ibb.co/FB7Cvtj
https://ibb.co/Vp5VKH2

I've tried looking it up online but I just can't find that specific one(spline, vectary, womp). Your help is much appreciated

2 Comments
2024/03/18
20:23 UTC

1

Need help regarding the sidebar design for Word Processor

Hi sub,

I've been designing a word processor for some time now. I've done 2 iterations. I'm attaching the images of previous iterations as well.

My latest version is still incomplete. Therefore, I'm seeking feedback for the sidebar only right now. However, please feel free to point out other mistakes in the Toolbar as it is complete. I shall be very grateful to you.

Now, let's cut to the chase. Here, in the sidebar, I've sought inspiration from DaVinci Resolve's 'Inspector panel'. However, my design seems quite off.
More specifically:

  1. Should I have tabs for the 'Insert' section or add a horizontal scroll bar?
  2. Is the sidebar too colorful and distracting?
  3. Should I have the titles "Text", "Insert", and "Arrange"? Or should I simply have horizontal bars that would separate each section?
  4. Do the icons on the sidebar seem to have a consistent design language?
  5. Are the page icons on the "Arrange" section producing too much of a contrast with the background? Should I give them a light grey color instead?
  6. Should I place dropdown buttons below the title for each button?

If I missed giving any of the required information for you to give your kind feedback and ideas, kindly let me know in the comments. :)
I'm a newbie, so I'm not very sure, whether or not I should mention my design decisions without being asked.

Thank you very much... :)

Original

2nd iteration

3rd iteration

0 Comments
2024/03/18
15:20 UTC

1

Help with designing this page.

I am trying to create a donate page, but I don't have much creativity and I'm not sure how I should do it. I don't know how to design it in a way that makes it visually appealing.

donate page I need inspiration on :D

0 Comments
2024/03/18
16:16 UTC

5

Does anyone still use Principle to create protoypes videos or is there a better tool?

I've used this tool a long time ago, and I'm thinking of purchasing it to create prototype videos for my portfolio. However, before I purchase I want to make sure the tool is still widely used in the industry. The website makes it look like it hasn't been updated in a long time and I don't want to spend money on a tool that doesn't have support. Is there a better tool out there?

7 Comments
2024/03/18
13:56 UTC

1

Need some feedback with design

Hi All, I am backend developer, wanted to make my own custom workout tracking app. Having a working prototype ready but design wise, it's as bad as it can be. What can be improved here to have more visual appeal.

Thanks. Any feedback is appreciated

0 Comments
2024/03/17
18:28 UTC

7

What is the name of this microinteraction?

Hi

I would like to know the name of this microinteraction that occurs when we scroll down at the card level?

Thank you

https://reddit.com/link/1bg6pbm/video/s9h6x0frcpoc1/player

2 Comments
2024/03/16
13:59 UTC

1

Freelancers, got any advice for people trying to move away from permanent contracts

Hey all,

I’m currently running a small team of UI/UX designers for one of the big 4 accounting firms and I’m thinking of going freelance.

Does anyone have any advice? How do you go about finding contracts? How competitive would you say the industry is in the contracting space? Do you need a solid portfolio to land contracts jobs?

Basically any advice would be appreciated!

Currently living in the UK and looking to relocate to Amsterdam for some more context.

Thanks in advance to anyone that can help ❤️

0 Comments
2024/03/15
23:30 UTC

1

Keyboard backlight control icons

I am currently making a set of stickers for my keyboard's FN keys. Most of them I have already done using another keyboard of same manufacturer as reference, but now I am stuck at the backlight control keys: cycle between constant and "breathing" light and brightness/speed up/down. I found a sun-style icon from Dell laptops, the classic "bar and 5 lights" icon is also an option, and I found that the "keyboard + light" icons are just ugly, plus I still don't know what to do about the mode changing icon. Any better ideas?

1 Comment
2024/03/16
04:45 UTC

1

What button sounds less scary

Hey there so I’ve been thinking about a couple different styles of button text to basically get in contact one is “Get in touch with sales” “pricing plans” “contact us” “join us” “Get a quote” I want one that’s attractive and not scary, I feel like the get in touch with sales one makes them feel like they have to get in touch with sales. This is a dumb question but it’s been bothering me sorry to waste you guys time on this tho

Thanks

3 Comments
2024/03/16
02:41 UTC

10

What's the best place to find UI designs & designers?!

Is there a place other than dribbble/behance to find portfolios & designers?

Kinda not too happy with dribbble. As a developer I usually have to build SaaS apps, AI products & Landing pages. So I often have to look for inspiration there. And I find it very hard to discover really creative modern designs. All the work on dribbble/behance looks very similar. I guess there are 2-3 most popular design systems that people follow these days.

Is there a place I can find really different, experimental designs?!

15 Comments
2024/03/15
10:38 UTC

1

Register account form for "Standard User" and "Vendor Account" - How can I streamline registration process, what are best practices for these types of forms?

1 Comment
2024/03/15
04:37 UTC

0

Be brutally honest, What can I say as a feedback about this tool?

I'm attempting to launch a website generator using AI at the startup where I work.
This is an example of a layout generated by the tool, but I don't know much about UI/UX; I'm just a PM there. Is this a good base layout for a side hustler, for example? How can I enhance usability in the tool?
Any advice is greatly appreciated. Thank you!

https://preview.redd.it/srkreihazboc1.png?width=2880&format=png&auto=webp&s=54f78d081ac25c64b81066c605d1298e0a9f2999

1 Comment
2024/03/14
17:00 UTC

4

How can I Improve this winning animation?

Currently I'm planning on making the particles that shoot out a bit larger but it still doesn't feel complete.

Should I add some sort of shadow as the text tiles pop up?

Any suggestions are greatly appreciated, thank you!

7 Comments
2024/03/14
16:25 UTC

1

Help me understand why I find Microsoft products so hard to use

I find myself consistently having to google how to do something on Outlook and Teams and what takes 10 seconds to do on iOS or Gsuite can take 20 minutes or more on Microsoft. Does anyone have design insight into why these products are so:

1.) Visually cluttered and overwhelming with seemingly useless features and information

2.) Hard to navigate

1 Comment
2024/03/14
13:48 UTC

23

Looks like Upwork folks have completely lost it

16 Comments
2024/03/14
14:43 UTC

26

Silly question: but is it better to align the icons centrally to whole copy, or to the top next to the title?

31 Comments
2024/03/14
08:29 UTC

4

How to deal with a component like this in design? Which component should I use to decrease the size?

13 Comments
2024/03/14
00:48 UTC

1

What is different in email design?

I will soon have to work with email design, and I feel like this is a different environment from the one I am used to. Like what quality of image is required, what are the mobile and desktop formats I should work with, etc...

Does anyone know any resources where I can study more about this topic or examples of email design deliverables?

Would really appreciate any guidance.

2 Comments
2024/03/13
13:18 UTC

1

Need feedback on UI design for my website

Hi, I've been working on a project about an onco care app website and would really appreciate to get some feedback on the visual design of my website, made in figma.

website design

I would also like to get some feedback on the About us section as I feel stuck on what can be done about it. I've added the information and copywrote it to as much info needed. Is this information too much or should I concise it more?

About us section

Also could u give some feedback on the hero section as I'm confused which to pick. Would appreciate some suggestion too so I can improve the design better.

hero variant 1

hero variant 2

0 Comments
2024/03/12
18:52 UTC

4

Website displays, wich one is the right one ?

Hello everyone,

I am designing a website, and I have some basic information I have to show (don't mind the icons in the circles, they are not done). Which one do you think is the best for the users eye ?

Thanks a lot !

Martin

https://preview.redd.it/a6hfu0vzuxnc1.png?width=1636&format=png&auto=webp&s=9f9be07f676d76594799d154ac59c3ad7c8df6b7

8 Comments
2024/03/12
17:31 UTC

2

i'm a linux user & i don't know how different is it to use Gimp/Inkscape vs Photoshop/Illustrator

hey there, this is a bit technical but i'd like to get your feedback if someone has used both.

so basically i wanna dual boot linux & windows on my 512gb, but some told me that if it was only for adobe things, there are linux alternative that are way way similar, only small minorities that exist between them & i wonder to get feedback from you guys "whoever used both of inkscape & gimp vs photoshop & illustrator, what's the difference ?"

6 Comments
2024/03/11
21:58 UTC

1

Looking for feedback on Home Screen for retail associate mobile app

Hello - I received some feedback from the business that the background is too busy and there is not enough separation between the sections/headings. I wanted to get other "outside" views on this to see if there is something to their feedback because I am not seeing it.

Also just looking for general feedback on improving the design. For optimal real estate, when scrolling down the Home Screen (image 2), the search bar becomes hidden and a search icon appears in the top right of the header.

"More" link in footer opens fly-out menu from left side (image 3)

https://preview.redd.it/o248lz5i0qnc1.png?width=424&format=png&auto=webp&s=50a9732c0d2697a60a2b1895aa83e8aa0f8274ca

https://preview.redd.it/i5rvl06i0qnc1.png?width=392&format=png&auto=webp&s=d0dd92ea92e5ec187c4f4c11e1a521c0f87d5690

https://preview.redd.it/mbkeu16i0qnc1.png?width=422&format=png&auto=webp&s=d4eabcf70cec07e978e3f287c348f31856af55ab

0 Comments
2024/03/11
15:09 UTC

8

If AI is bound to reduce the need for developers, does it empower design and designers?

This is a hypothetical. As a dev myself the I think idea of AI taking away dev jobs is mainly baloney.

Nevertheless, as a thought experiment of sorts does the rise of AI enable more creative implementation of web sites? This thought is borne from the notion that if AI removes the need for developers, then who is it empowering? Someone still needs to be at the keyboard to command the AI (since AI isn't going to generate itself... I hope).

16 Comments
2024/03/11
16:25 UTC

Back To Top