/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

187,524 Subscribers

1

How do you create a visual representation for person, organization and location?

Hi everyone. I’m a junior UI/UX designer at a startup, having just graduated in 2023. I’ve been working for about a year now, and I’m still learning the ropes when it comes to UI and UX design. Currently, i'm working on two apps: an inventory system and a CRM mobile app.

Here's the context

- first image shows a list of items from the IMS app

- second image displays a list of contacts in the CRM app

- third image shows a list of accounts (organizations)

my team leader pointed out that my visual representation for a contact is a circular avatar, while products are represented by square images. now, he's asking for a visual representation of an organization (for the list of companies) and mentioned that users tend to look for a visual cue to understand the content, especially when they’re not familiar with the list.

i'm feeling a bit confused about the best visual representation for organizations. i considered using the same circular avatar style for organizations, but i’m not sure if it will create a visual distinction between person and organization. Additionally, he’s asked me to create a visual representation for locations (without using actual photos). For example, how can I visually differentiate between two warehouses in different locations without showing a photo of each warehouse?

i'm sorry for the long post, but I just wanted to get some insights or suggestions, anything would be a huge help. i've been looking for references to get some ideas, but i can't seem to find any, and i still can't grasp how to achieve this. thank you in advance!

https://preview.redd.it/8zbuwht5en0e1.png?width=433&format=png&auto=webp&s=aebae3487c634d8086337d1f575c0356a95c2de1

https://preview.redd.it/og65lnt5en0e1.png?width=435&format=png&auto=webp&s=f02485fde224e09e4fb3ad3ee39fb45b365d5c7c

https://preview.redd.it/9ni5fjv5en0e1.png?width=443&format=png&auto=webp&s=080d94d9813154d821d9a09f9cebadeef1180f6b

0 Comments
2024/11/13
10:41 UTC

1

Name of this cards UI layout?

2 Comments
2024/11/13
19:17 UTC

1

I would really love some feedback on the UI of my website, even if it is a small suggestion

Hey guys!

This is my developer Portfolio, I want it to look very pleasing, smooth as well as impressive, things such as glows, or a custom circle that follows your cursor.

Here’s the actual portfolio, I made it responsive too so I would also love some feedback on the responsive design.

On overview:

  1. I am going for a dark themed with a glow kind of vibe, kind of like futuristic themed (Not really sure how to describe it)
  2. The website will be for recruiters, employers and many other people that I probably want to impress with my front-end skills and also get a pleasant experience navigating the site, making it smooth.
  3. The site still looks very empty and I am still looking for things to fill in the gaps with and make it look very lively, and not as empty as it is now, I also want to improve the UI, perhaps better fonts or any suggestion if you have one in mind. Things like the cards, perhaps the backgrounds, any hover effects that would make it look really nice as well text effects, any loading effects. Font sizing.
  4. If you switch to the responsive view, it lacks a lot and I am wondering how i can improve that as well.

https://preview.redd.it/sm3bv2ik5h0e1.jpg?width=2936&format=pjpg&auto=webp&s=1317d8a90fe8d680f8ce2a0a5f3564565d19448a

https://preview.redd.it/wiuq18hk5h0e1.png?width=2936&format=png&auto=webp&s=7bdf2f8bf4ed234d7801725d24de1e8bd6dddae9

https://preview.redd.it/aa8vz5hk5h0e1.png?width=2928&format=png&auto=webp&s=2d6a5bc154c7e5b7e032cacde680dea25ad9be68

https://preview.redd.it/eugny1ik5h0e1.png?width=2940&format=png&auto=webp&s=740a2a733c3a4e82c9bd2a8834f6f589378e5a2b

1 Comment
2024/11/12
13:43 UTC

1

I want to build design system

I have never worked on any design system, I want to build one. Need some guidance like from where I can begin and what needs to be kept in mind. Any resources and suggestions are appreciated.

0 Comments
2024/11/12
12:57 UTC

1

All equipment in mobile game are front or side facing (row GEAR). I was thinking about how to emphasize the fact that certain item can not be used or equipped (apart from color of frame). Does it makes sense to design misc items (only trade and/or quests items) with diagonal orientation (row 2)?

0 Comments
2024/11/12
17:04 UTC

2

Playing around figma

How would you do the radial with pattern effect on top? I downloaded a pattern, put a radial gradient and mask it then i'll export it as svg. Am i doing it right?

3 Comments
2024/11/13
03:59 UTC

1

I'm an iOS engineer. This is a row in a table list. Is there a more effective way to arrange this information? The price and store might or might not be there. The tags above are also optional.

3 Comments
2024/11/13
02:47 UTC

1

Where to find mentor/chat with other senior product designers?

Hey, I am working at a startup as a Senior Product Designer and would love to connect with other Design leads to brainstorm on how to be a strategic partner, make design scalable or what are the best practices within product development process that works nicely?

1 Comment
2024/11/13
00:02 UTC

1

How do I accommodate reordering?

Problem: I want to be able to reorder the milestones (⛳️) inside goals (🎯) to achieve my goals systematically.

The issue here is that there are so many reorder icons. In the left too, with the goal group name, there is reorder icons in the left. In goals too, there is that icon. Adding more to milestones, seems too much redundant. I can turn around the UI if that works but I don’t know what or how to do.

For context, there is a goal group (customer delight squad). Inside it there is location, and goals. The goal are in business category. There are two goals currently. One in collapsed mode and one in expanded. The target icon is goal, and below it (the flag) are the milestones to achieve for accomplishing goals.

0 Comments
2024/11/11
17:29 UTC

1

Backend dev trying Ui design

Hey guys, I am a backend dev who is currently working on projects to build portfolio. Please, I am issue with my frontend in terms of the design, so I decided to read a little about ui design. This is my first time working on a design. Help me by telling me where I did wrong. I used the golden rule 6: 3: 1 choosing colors blue, white and green respectively.

https://preview.redd.it/i6ur4w46fa0e1.png?width=463&format=png&auto=webp&s=e896a45e053a17e521479f5fbd0d5abfc8e5aa97

0 Comments
2024/11/11
15:03 UTC

1

UX Design really is as bad as trying to major in Art History (data provided)

In 2021 the unemployment rate for the UX Design field was 7.79%. This is roughly comparable to going into the field of Fine Art or Art History (see source at the bottom).

This is shocking because UX Design never enters the mainstream conversation of “bad careers.” And UX jobs also pay relatively well (median salary of $88,000 with “some” college education). To be fair, in 2018 the UX unemployment rate reached an all time low of 3.5%. But throughout the years it still looks pretty shitty.

Thoughts? Am I correct in my assessment that UX Design has approximately 60% higher unemployment compared to Computer Science (7.8% vs. 4.9%)?

What are your personal opinions on how bad the UX market is in comparison to Computer Science?

 

Sources:

UX Designer (unemployment graph is here)

https://www.zippia.com/user-experience-designer-jobs/demographics/

Computer Science

https://www.zippia.com/computer-scientist-jobs/demographics/

Fine Art History https://www.reddit.com/r/coolguides/comments/1bwmkut/a_cool_guide_of_college_majors_with_the_highest/

DISCLAIMER: This post was made in 15 minutes. TAKE MY ANALYSIS WITH A GRAIN OF SALT.

1 Comment
2024/11/12
00:36 UTC

1

What is this design pattern called?

2 Comments
2024/11/12
09:24 UTC

1

techniques / stack for web apps usability evaluation and performance ?

Is there a commonly used UI design usability stack for testing, evaluating and improving web based applications ?

1 Comment
2024/11/12
02:26 UTC

1

Genuine question – Has anyone transitioned from graphic design to UI/UX and Regret it ?

Work responsibilities became hectic after the transition? Salary doesn’t matter .

1 Comment
2024/11/11
17:11 UTC

1

Quick poll for a usage status bar

When you see this without any other explanations on a website were you can upload videos.

  • (A) You have 600 min left ?
  • (B) You have used 600 min ?

Thanks!

https://preview.redd.it/jbyn9j8zba0e1.png?width=1170&format=png&auto=webp&s=ea7705d6e1806fe4bf321b08d00e9ec786df1f3a

15 Comments
2024/11/11
14:52 UTC

2

Redesigned Sign up Page

Hi guys!

So, I'm a noob (so go easy on me). This is one of my mock-up designs of literally anything I guess. I was quite interested in learning about UI design and watched a couple of videos of a person redesigning the entire interface of Instagram and Spotify (and she's really good at it). Because of this designer, I decided to take Steam's Sign Up Page as my first test run.

I tried to mix a bit of both of the popular templates or designs of Sign up pages on Figma as well as Dribbble. But I also made sure to add the colour scheme of Steam as best as I could.

I'm a total noob, so I'm totally down for any constructive criticism (and also recommendations of YouTube Channels to learn more from).

https://preview.redd.it/hy1fcnhxb90e1.png?width=801&format=png&auto=webp&s=25b2162f2e111efe2c85688b59aafa5fd7ccab70

1 Comment
2024/11/11
11:24 UTC

1

what happened to flames.design?

Last Friday I was working looking at portfolios and designs on flames.design and today, when I returned to work, I saw that all the designs and portfolios on the website had disappeared without explanation. I had a project uploaded, what happened to it?

0 Comments
2024/11/11
09:08 UTC

0

When you see it…

I took this at Michael’s yesterday. 💯 real

14 Comments
2024/11/11
03:52 UTC

1

Login screen with only a Google Sign In?

I have a project where the login is straight forward since the users are all employees of the company. They use Google Workplace and their passwords are synced with their Google Accounts. So it makes sense to just make "Sign in with Google" the only option.

But from a UI perspective my Login screen currently is just the word "Login" and a button for the Google Sign In. It looks pathetic.

I know there is no other functional elements I can add, but how can I make it at least seem professional and not incomplete?

0 Comments
2024/11/10
00:28 UTC

4

Opinions on this sidebar

I've been working on a sidebar for windows that kinda helps me keep on top of projects and meetings because I've been in a lot of stuff lately at work. I'm working on the UI and looking to get some feed back. I'm wanting something that will stand out so that way when I'm looking at a glance and can see how everything is going.

10 Comments
2024/11/10
04:42 UTC

1

I have no idea how to make my app look better / more beautiful

Honestly I don't even know if anything is wrong. My feeling is that it's okay, but there's some things that are bad that I can't put my finger on. Have you got any ideas? I don't know anything about front-end or UI-UX design

https://imgur.com/a/OOGdRHk

1 Comment
2024/11/08
16:02 UTC

4

Brand colors and product colors

Hi, I am having some issues with brand color and product color. The story is that the color on our product (a software) is light blue, however when considering applying it to products such as website, promotional images on social media, it seems lacking in richness, they look a bit lifeless and unattractive so we want a darker blue for the brand (logo in general). I would like to ask everyone's opinion that can the brand color and product color be different or is there a rule that they must be the same? Because currently we have absolutely no brand guidelines (I know that is a huge and terrible mistake).

Thank you!

3 Comments
2024/11/08
12:25 UTC

1

What are your favorite examples of AI Citation?

By AI Citation, I mean the response from the Large Language Model contains links to the actual source data, or buttons that highlight, in the text, where the LLM derived the answer.

Have y'all seen anything that doesn't just feel like a bibliography footer?

0 Comments
2024/11/07
22:45 UTC

7

Landing pages… Why???

Hello everyone, for context, I’m a full stack developer, not a UI developer, however, I’m just starting with my UX journey now. I need to understand the philosophy behind landing pages. For example: why does leetcode even need a landing page? I admire their UI, and their main page, but their landing page is just an extra click away from what I came there for. If someone can provide or guide me through some empirical evidence as to why websites like leetcode or Google drive need a landing page? let me know please. I have a radical outlook on landing pages— almost no company should have one with the exception of IRL services. Change my mind!

12 Comments
2024/11/08
03:48 UTC

1

Building a Dashboard UI

My current design only shares a few stats and also has a dash board where users will get info.

The intended audience of this app are educators and teachers. The app creates lobbies that let students share real time understanding with teachers.

I need advice on what would be a good design layout for a dashboard in this kind of app, also what kind of content or info should I include in this page?

0 Comments
2024/11/05
21:57 UTC

1

Drone Hud - Figma

https://preview.redd.it/ppiiqbhvc4zd1.png?width=3350&format=png&auto=webp&s=9ebb9b41dd06eb8f6c6069395c34613d82456a3c

I designed this Drone Hud for the first time in figma. I'm very excited about this because this is my first ui design ever. Hence the question if you could provide feedback. I'm open to everything. It should be a drone UI, the Icons (thermometer- Thermal Vision, Flashlight etc) become white if utilized.

2 Comments
2024/11/05
17:41 UTC

1

Idea feedback

Web is getting boring. All those themes and same templates seen how many times over and over.

What happened with a custom designed sites, innovative navigation etc.

I'm boring of these so created a single pager navigation where menu items are floating and on mouse move randomly placed over the screen. Have not forgotten a way to randomly replace positions and reload the page to continue the movement. Ah, the background color is changing and spiced with some custom random shapes too.

Here are the screenshots

https://preview.redd.it/6nz02ba5v2zd1.png?width=1920&format=png&auto=webp&s=3613f29b94fc731ec39f9aab8384a5d152865ae0

https://preview.redd.it/dqaavp28v2zd1.png?width=1920&format=png&auto=webp&s=21ebc9cd65e598dd357f86d545587b205b9ef516

What do you think? Need your feedback.

17 Comments
2024/11/05
12:37 UTC

10

UI/UX Conferences in 2025

Hi Redditors, I work in product marketing - experimentation & personalization to be precise. While I am not a designer, my work requires me to work closely with them. Hence, I wanted to attend some conferences preferably in US or Europe regarding UI/UX design and design theory to get a taste. Any suggestions?

2 Comments
2024/11/04
14:38 UTC

0

Is My UI Designer Using AI?

Is there anyway to tell if my designer is using AI to produce mood boards, logos, and so on. I used this person because of their experience with startups, not UI. They stated a third party would be plugged in to do the design/UI and I don’t know if that is the case as it looks AI.

It’s not the fact they are using AI, it’s the fact I believe I am paying for a third party designer.

Alternatively, what AI programs are used by UI designers. Maybe I can figure out what they are using by going to those sites. Any input would be greatly appreciated.

Thanks!

5 Comments
2024/11/04
20:03 UTC

Back To Top