/r/UI_Design
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.
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.
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.
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.
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.
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
Related subreddits you might enjoy:
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
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!
What is this card layout called? For some reason, I can't remember.
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:
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.
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?
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?
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.
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.
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.
Is there a commonly used UI design usability stack for testing, evaluating and improving web based applications ?
Work responsibilities became hectic after the transition? Salary doesn’t matter .
When you see this without any other explanations on a website were you can upload videos.
Thanks!
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).
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?
I took this at Michael’s yesterday. 💯 real
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?
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.
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
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!
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?
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!
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?
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.
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
What do you think? Need your feedback.
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?
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!