Podcast #128: We chat with Kent C Dodds about why he loves React and discuss what life was like in the dark days before Git. Listen now.

Questions tagged [design]

Design is a plan for making an object. Anything that will ever be built usually has a design up front before production of the object. A design can be a wire frame, a prototype, a schema, an image or a drawing.

Filter by
Sorted by
Tagged with
0
votes
2answers
20 views

What's the best way to combine an action outside of the UI with an action in the UI?

Working on a picking flow for a warehouse app and I'm having trouble translating the following flow into design Go to space --> Scan space --> Scan product --> Enter # of units picked thinking ...
0
votes
2answers
122 views

Mobile app with tabs a bad idea?

I am trying to draw out what I want to build for a new mobile app, and I've run into a conundrum with tabs. I have four main categories of content, and thought it would be nice to have tabs at the top ...
-1
votes
0answers
62 views

Illustration & UI/UX

I have used InDesign, Adobe Illustrator, etc. however I'm sure there are a number of other applications that would be more suitable for creating cell/microbiology illustrations.
0
votes
1answer
45 views

Symbol for current, ongoing event [closed]

In my app I need to display an icon for an event which is currently ongoing. It's a forecast app for forecasters, where they can issue a forecast in certain time window (event). I'm currently using a ...
25
votes
4answers
4k views

Why rounding odd font sizes to even?

Today I started implementing a design that had some copy text with font size 17px. My fellow web developer told me that we should round that to 18px and more in general that we should not use odd font ...
0
votes
2answers
119 views

Why do most smartphones have the charging slot at the bottom?

Most of the modern smartphones have the charging slot at the bottom. Purely from a UX point of view, wouldn't it make more sense to have it at the top instead? I understand in some cases, it wouldn't (...
16
votes
8answers
5k views

Is it crucial for a UX designer to understand the principles and concepts behind Object Oriented Programming?

As a designer and sometimes coder myself, I have been exposed to the idea and principles behind Object Oriented Programming, and having a knowledge in this area definitely helps when it comes to ...
0
votes
0answers
15 views

Could not find a navbar background that fits with my logo [migrated]

I recently changed the logo for my company but now it does not fit anymore on the navbar. The color of the logo are #3331a1 and #a8b0c6. I don't really want to have a white navbar but seems to be the ...
0
votes
1answer
60 views

conceptual, semantic, syntactic, and lexical levels

In relation to symbols or icons, the conceptual level is defined as the mental model of the viewer; semantic level is the meaning it conveys; syntactic level is attributed to its aesthetic quality or ...
0
votes
3answers
74 views

On a product list page, how far should the items be?

I have the product list page below defined and I'm having trouble figuring out what information should be associated with what. For example: Should the filtering group on the left be closer to the ...
0
votes
1answer
72 views

Usability testing of design system components and patterns

This is my first post here, and what I am searching for have not been found yet, I must be very innovate, joke aside. I have gotten a mission at my current company from the C-level to test through ...
1
vote
1answer
192 views

How to display a page with only one sentence and a link? [closed]

I have a page with only one sentence and a link after a form submission but I don't know how to display them to look good and still kind of 'appealing' to the user. The sentence is (translated): Data ...
1
vote
1answer
68 views

UI Approach to Question/Reply Table

I got Project of One table which needs to be designed as per latest Design Standards, Old Table has a data of Question, Question's date & time, Reply and Reply Date & Time, UX perspective this ...
0
votes
2answers
73 views

What is a smart way to fill up white space on a profile page (audio streaming platform)

I have a pretty simple profile page on my website which already contains some elements: the banner, profile picture, about section, timeline, suggested users panel and some various other little things....
0
votes
1answer
50 views

In which order the payment method and total amount should present?

I am currently working on the payments process for a mobile application.I've run into a UX problem when designing the payment screen. Is there a convention for the order which payment method and ...
0
votes
4answers
188 views

How to utilise empty space in card list design?

My website's main page displays summaries of users' profiles. Each profile summary is encapsulated in a "card". Take a look at an example here (using dummy data). For reference, the card width is ...
0
votes
1answer
127 views

what should happen to a prominent app bar with long and two-lined title, when scrolling

In material design, if the title is long we should put it in a prominent Appbar like this: The title should not be truncated or shrunk. so when the content scrolls up, should I transform the ...
0
votes
0answers
37 views

Rolling out personas

Any suggestions for how to create internal collateral for personas that people can use in meeting rooms? My company wants to roll out the personas company-wide so that people can start using them in ...
0
votes
1answer
43 views

e-mail styling with limitations: gotchas to avoid?

I'm designing a simple e-mail for the amazon buyer-seller messaging system and it has quite a few limitations. These are the allowed HTML and CSS tags - I can only do inline-styling as everything ...
1
vote
2answers
75 views

How can I make the article headlines more clean in my homepage?

I have a simple webpage where I take notes on various things. I have a few "folders" (topics) and several "files" (articles) under them. My current homepage is like this: For example java has class-...
-1
votes
2answers
49 views

Should a business website include links to my social media accounts or display a feed?

Working on a business site for a client who does not sell their product/service online. They want to show that they have a social presence. They might have one or multiple. Are there any studies ...
20
votes
4answers
4k views

Background for black and white chart

I have a plot where I stack the color white and black as values by month. I would use white as background color but the data is black and white as the color is. I'm using blue which I don't like. Any ...
1
vote
2answers
300 views

Screen size to design for Android and iOS React Native App?

I am designing a mobile app (UI/UX Design) for a client that will be developed using React Native. What screen size should I start with? Do I need to design 2 different apps for this? I have been ...
1
vote
3answers
204 views

Is it ok to allow Steppers or incremental buttons to remove items?

I read sometime ago that it is bad UX if the system allows the user to remove an item (for example, form their cart) if he uses numeric steppers down to 0. Should the system allow this or stop at 1 as ...
1
vote
1answer
81 views

How to structure dashboard with schedule

So, in my current design I have something like this: I have a dashboard that has a menu with a couple different options. In the 'home' option the user can see a schedule with their appointments if ...
2
votes
2answers
82 views

Best way to create a responsive prototype? [closed]

Are there any platforms or tools to create a responsive prototype?
2
votes
1answer
96 views

Close icon to left or right on mobile Material Design [closed]

I have observed that Material Design puts the close icon to the left in all the examples of Material Design. Do you know any case that it goes to the right?
0
votes
1answer
125 views

Should non-system fonts be avoided for website/general copy?

I just came across a UX principle that raises very fair objections but I'm not sure on balance I agree with, but I'm here to be proven wrong, not have my opinion confirmed. For the sake of brevity I'...
2
votes
2answers
49 views

Inventory Information, how to design

I'm looking for a good solution for Inventory Information. I have a minimum, maximum and current stock information. This was my first idea. Any thoughts?
2
votes
4answers
320 views

Should the sun rise from left or right side?

I'm making a widget for a strategy game that displays the sun in its background and you can see it rising, moving across the widget and setting as time passes. The sun rises from the east, on the ...
1
vote
2answers
140 views

Is there a specific name for these graphics?

I have been tumbling the internet for some time now. I cannot do web design even to save my life, and I was thinking to change that. I have seen a lot of these simply looking web graphics, that seems ...
0
votes
2answers
78 views

Help with a second menu - Admin Page

I'm doing this second menu for a web site, but they told me is too much " old style" and they don't like the disposition of icon... Any suggest for me please? Thank you The second menu is only in ...
3
votes
1answer
328 views

Read-only fields in Material Design

I am wondering how to style the fields in a form for users that have read-only access. As per the Material Design guidelines, read-only fields should have a help text stating they are read-only. ...
0
votes
1answer
88 views

In this design should title precede image or vice versa?

I created two designs in Balsamiq, in the first one the titles "International Flights/Domestic Flights" come on top of their corresponding images and in the other one it is the other way around. Both, ...
1
vote
1answer
104 views

How to deal with multiple address layouts [duplicate]

I am facing a small UX obstacle, that is related on how to handle address layouts for different countries. We are building basically a sign up process, that asks the user to enter their country of ...
1
vote
1answer
64 views

Is It Acceptable To Use Custom Focus Indications As Art Direction?

As part of a redesign of my personal site, I have a hero image with an animated flying blimp. When hovered, the blimp toggles to a different animation. I would like a keyboard user to be able to ...
-1
votes
2answers
83 views

Making up user audience?

I understand that, for someone who’s just starting to put together a portfolio without any “real” projects under his belt, made up projects and scenarios are acceptable pieces of work to include. ...
0
votes
0answers
74 views

Do tabs belong in a Material Design dialog?

I'm building a MD styled desktop application that essentially acts as a dashboard (w/ a data table) for a list of remote devices. Within the data table, I have a button for each item that presents a ...
2
votes
8answers
345 views

Should we create our own framework or go for open source like Material Design?

I work in a small company that is into software intelligence. I am struggling to convince them to bring consistency in their products by having their own front end framework. Some of the key leaders ...
1
vote
1answer
118 views

Action Sheets then Alert Box Delete Confirmation Issue (iOS)

This is regarding the user experience issue in iOS, iPhone. User comes to the first screen, which is the action sheet with a more button on a previous page. There is only one option which is delete ...
4
votes
1answer
105 views

How to make content disappear when scrolling underneath the “header” area? Is there an example of this?

So I have a UX problem to solve - Here's an example of the issue: As you can see, the message steps are nested underneath the folder. In order to view all of them, you would have to scroll from ...
5
votes
2answers
2k views

What open source and free wireframing tools are there? [duplicate]

I am writing a tutorial on how to do wireframing: https://github.com/dwyl/learn-wireframing/issues/1 and I would like to be able to recommend an online, free and open source wireframing tool to others....
2
votes
2answers
147 views

Designing mobile apps and handing them over to development in a way that's responsive to all screen sizes?

I design stuff in Figma, for an iPhone 8, based on pixels. But we need to find a way to implement it in Flutter in a way that the design fits all the other screen sizes. One way we figured out so far ...
1
vote
1answer
130 views

UX Registration unhappy path

Running through an issue with unhappy customers not completing registration needed for payment to be processed. We badge the nav bar for the user to notice that actions are needed to complete the ...
4
votes
4answers
621 views

Looking for a good analogy! [closed]

I've recently been finding analogies quite helpful when explaining something to clients. Something I'm explaining on a regular basis is that causing users to stop and pause to think about something ...
0
votes
2answers
117 views

Could someone recommend me methodologies to be a better UX designer? [closed]

I've been working as a UX designer for a couple of years. I've been improving my skills doing courses in websites like IDF (Interaction design foundation).Also , daily I research about better ...
4
votes
2answers
179 views

How best to display a rankable list with a heading and submit button?

I'm designing an app where users can vote on a list of choices by ranking them in order. The voting screen needs to have: The title of the vote The list of choices a button to submit the user's ...
1
vote
0answers
74 views

Website progress tracker [duplicate]

I’m working on an application that has multiple tasks that need to be completed in sequence (e.g. think placing your order with amazon). We have a progress bar at the top of the web page which shows ...
1
vote
1answer
170 views

Conceptual Model of Contactless Cards

Contactless card is a card for limited value transactions that one doesn't need to add a PIN on a POS, just tap on it, that's why they are also known as "tap-and-go" cards. (More info) On my research,...
0
votes
1answer
100 views

Form in menu ux design query

So I have a use case where we have a button that is to trigger the "reassign" flow this obviously needs a list of people to reassign to (1 or many) I have a multiselect typeahead creating the list. ...