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
19
votes
2answers
7k views

What is such a presentation of music cover art images called?

Can someone guide me what is the design pattern used in the below image? What is it called?
2
votes
2answers
131 views

Actual colour codes VS changing Alpha value for fonts

Is there any advantage in using one against the other. Material design guidelines have used Alpha values to signify contrast for fonts. I could not really find a reason for doing so(as compared to ...
35
votes
7answers
12k views

Best error color on blue color?

I have the color: #4285f4 and I'm looking for a easy to read error color code. I'm using Google's default error color: #dd2c00. However this doesn't read very well on the page...
1
vote
1answer
163 views

How to handle long loading of images in a gallery

I'm currently working on an image slider for mobile and desktop devices. The content of the slider depends on what the user uploads. In some cases users may upload large images (several MBs). These ...
0
votes
2answers
275 views

How do I design HTML UI to indicate to both user and server that they can only use one fieldset out of two available?

I have a multi-fieldset HTML form that has a Motor fieldset and a Frame fieldset as part of it. When I need a motor, I populate that part of the form. When I expressly do not need it, I am however ...
0
votes
3answers
180 views

Makes sense? Expert UX Designer making Visual Design choices [closed]

There have been design choices made by someone with a PhD degree in UX that I've questioned. I've noticed poor choice of iconography, or placement of elements on first sight. My reasoning usually ...
1
vote
4answers
191 views

I need help picking a color for colorblind people

thanks for taking the time to help me out :) I am having trouble deciding which color to pick. A bright yellow or a bright purple. It has to go with the teal I used because it represents my school, ...
1
vote
1answer
91 views

How to design UI where you may enter only one of different values that represent the same quantity?

I have a form where user can enter a quantity of Total Dissolved Solids (TDS), which is a number in the range of 30000-40000, OR a quantity called Specific Gravity a number order of 1.00 - 1.50. ...
5
votes
3answers
215 views

Sequential vs. Arbitrary order numbers

When ordering food at a restaurant where you make an order, take a number, then your order gets called when it's ready, the numbers are typically implemented in one of two ways Give each customer the ...
0
votes
3answers
126 views

Ellipsis in console echo - good/bad?

My first question here and I feel like it's rather opinion based, but this SE site still confuses me. Anyway, I looked for ellipsis in the q&a here and found nothing related to my problem, nor a ...
9
votes
1answer
10k views

Pie Chart VS Doughnut Chart: When to use each? [closed]

What is the UX rationale behind picking a doughnut chart vs a pie chart or viceversa? I'm asking because I'm intrigued as to why a designer would prefer to represent data with a pie instead of a ...
3
votes
1answer
204 views

Select item in hierarchical data set

I have a set of data that the user frequently needs to select items from. The data set is very large(about 10 000 items) and is sorted in 4 levels. What is the best way to design this for the user ...
3
votes
2answers
335 views

Design suggestion for status on card view

Alternate design suggestion for showing different statuses on a card view.
1
vote
2answers
295 views

Confused about the best way to map out bot flows

I'm part of a team that is building a messenger bot as another delivery method of data we're currently sending via email. The goal is to ship an MVP in a couple of weeks and validate the concept/...
5
votes
4answers
543 views

using short line (hr) as divider/seperator in ux

Lately ive been curious about how hr(short line) is used from user experience perspective. Many website used this as separator or divider in title. What is good and bad things about this?
2
votes
1answer
84 views

How to define to features after identifying problems

Hi I'm an engineer new to UX, me and my startup team have identified problems for a market to solve. We have a good designer (who can make high fidelity interface designs) and were all familiar with ...
4
votes
4answers
2k views

What is opposite of Human Centred Design

I am creating a training program for young children (aged between 12-15) to understand concept of human centred design. And when explaining “HUMAN CENTRED DESIGN”, it is easy to explain that it is the ...
2
votes
1answer
116 views

How should I organize a multipurpose website?

I would like an external advice about how to organize my website. I'm looking to make a design that look almost like this but the problem is that I'm not only photographer. I would like to make a ...
2
votes
1answer
126 views

What is the 8.8 mm R Criterion Curved Design?

Can you exlplain me what is the 8.8 mm R Criterion Curved Design? Apparently it is a criteria used by the UMi Touch phone. Why it uses 8.8 mm curves (what does this even mean? Do they mean that the ...
3
votes
2answers
94 views

In a data table, which shoud be in a column and which should be in a row?

I am a primary care pediatrician with thirty years in practice, and now I have realized, if the paramedicals are trained well, they can do many work of the physician. One is collecting data from ...
0
votes
1answer
118 views

Flat or Raised Button | Popup or New Page for Adding Account Page

I have a button that navigates to Account Adding Page, but Im not sure it should be raised or Fiat button. Also, Account Adding Page's 70% is empty. Should I go for popup instead?
205
votes
13answers
38k views

Why do many sites leave half of each webpage empty?

Why do many sites leave half of each webpage empty? Isn't this a waste of screen space? One nice example of this is the Stack Exchange Network sites: As you can see, there is a ton of whitespace ...
0
votes
1answer
144 views

What are the benefits and drawbacks of using 2 or more CSS Framework? [closed]

I have experience in Bootstrap, Foundation, and Sematic UI. On my next application, I am planning to use Bootstrap for Grid Foundation for Menu & Side nav Semantic UI for Forms, icons, etc. ...
1
vote
2answers
116 views

Placement of video chat UI on kids apps

I am curious as to the best placement for a video chat window UI when it comes to children's apps and interactive design. I keep asking to have the window UI placed at the upper middle right and the ...
0
votes
2answers
72 views

Suggestions on picking up colors [closed]

I've designed a website and it looks as below. I'm a developer did this design work since the designer not available for couple of days. I need suggestions on the below. Note The orange background ...
2
votes
3answers
731 views

How to describe and document 'complexity' in UX design

There are various ways to analyze software complexity when it comes to the actual code behind the system, but I have often struggled to be able to discuss with people about software complexity when it ...
4
votes
3answers
832 views

How to manage large data sets that need to be displayed on a dashboard?

I have to create a new dashboard for a client. It needs to include a table, two pie charts, and combo column chart. There is A LOT of data that needs to be displayed, causing the page to be very tall ...
0
votes
1answer
436 views

How can we represent the word “Action” with an Icon [closed]

I personally think that "Action" itself represents all other actions. Since it's so vague, there can't be a representation. But this is needed, to be used in a tooling application UI. Please help ...
1
vote
1answer
42 views

what is a more appealing way of doing this slide-out search bar

I currently have a slide-out search bar within the navbar of my website. It works pretty well, however the colors and general boxy layout don't really match that well. What is a better way of doing ...
1
vote
2answers
327 views

Choosing the right background color (Contrast issues)

I interesting issue over here. I'm designing a "photo editor" app. I have already choose my primary color. Issue: I'm trying to understand what is the best way to choose "smart" background color ...
0
votes
1answer
104 views

How can I design my form better? [closed]

I have a price calculation form which looks very basic. I want to make it look little better. Like the '+' and '-' button look like bootstrap button and having a shadow. I also want to have a subtle ...
134
votes
7answers
14k views

What's the point of a delayed popup on a webpage?

It seems more and more common, when you enter a page and start reading it shows a popup after ~10 seconds. Personally I just leave the page immediately and look for the content somewhere else. I can't ...
7
votes
5answers
8k views

Bottom Navigation Bar With Floating Action Button

is it a good practise to have both - a bottom navigation bar, and a floating action button above the navigation bar?
3
votes
3answers
138 views

When should avatars or profile pictures be used in a application?

Designing a new application and wondering when avatars or profile pictures should be used. e.g. Let's says there is an application which can be used to manage a list of user tasks. Each task is ...
2
votes
1answer
86 views

How to design a website for both customers and business?

Situation We've designed a website for a client that caters to their own clients and to businesses. When you arrive on the website it's focussed on their clients but we have a quick link at the ...
0
votes
1answer
554 views

What is the difference between information design and usability? [closed]

I couldn't find a suitable answer to the question. I was hoping if you could point out the difference between information design and usability? Or is it the same?
1
vote
3answers
196 views

Why is the telescoping toilet paper roller preferred over a simpler solution?

I have almost always seen toilet paper rolls presented on a telescoping plastic piece when available for use. A few times I have seen them presented on a much simpler solution: a simple rod with an ...
1
vote
1answer
46 views

For the state of “legend” can increase filtering function?

As shown in figure, can click "Completed", the list will filter out green "Completed"? Similar to a dropdown. After clicking,"legend" should have what kind of visual feedback? Or add a chekbox in ...
0
votes
1answer
344 views

A list of the newly created item should be placed on the top or the bottom?(Allows multiple users to view and operation at the same time)

There are two kinds of schemes. According to the creation time sorting in reverse chronological order(the newly created item at the top).so this creator can easily find the newly created item, but ...
2
votes
4answers
431 views

Introducing navigation icons with labels, then removing them

In Meng To's Design+Code book, he says the following while referring to icons with labels in navigations: "Pro tip: If you don't want to always have text next to the icon, introduce it first and ...
1
vote
3answers
116 views

Website, there are two top float will be strange, is there any other examples?

On our website we have two header rows that float. Is this strange? Will it cause UX issues? Are there other examples of this? And,why is this kind of interaction is very common on the mobile phone?
0
votes
1answer
404 views

How to choose the right background for an app? [closed]

I'm building a suggestion engine web application, it will be very minimal . The users will need to fill a form to get the result, the form has around 7 to 8 inputs that must be filled . I already ...
0
votes
2answers
129 views

How to improve the UI for this calendar?

I'm making an MVC app and it's a calendar (kinda like Outlook's or Google's calendar). It doesn't look right to me and I'm here for ideas from people who are good with UI/UX to help me improve the ...
5
votes
5answers
10k views

Alternatives for Radio Button?

Both Radio button and Switch button does the same job - Selecting one option at a time. Is there any other way for choosing between the two given options other than Radio/switch buttons? In my case, ...
10
votes
4answers
3k views

What is the best position for clear filter button in a filter list

Here I have an example screen for filters in an overlay where clear filter button (which appears only when any of the filters is checked) is below the list of filters. Is it ok to place it here or ...
3
votes
1answer
962 views

Right-pointing carets in Android

I'm an android dev, trying to follow the awesome Android Design Guidelines. In one of them the doc tells me: Don't use right-pointing carets on line items A common pattern on other platforms ...
0
votes
1answer
188 views

Tips for “better” white space

I am currently working on the front end of a key server. The problem that I am having, is that i have got many pages, which do not hold much information and I do not know, how I can fill out the white ...
0
votes
1answer
1k views

Product Developer vs Product Designer. What's the difference?

I've notice that more and more people who used to call themselves Product Designer or Product Developer. Most of the time maybe they work on the same things. I'm struggling to find any good articles ...
2
votes
1answer
757 views

What is the difference between spatial analogy and perceptual analogy in Natural mapping

I am reading Norman's book, The design of everyday things where I came upto the natural mapping part. There, he defined 3 kinds of natural mapping. 1- Spatial 2- Cultural 3- Perceptual Now, In ...
3
votes
3answers
306 views

How to contain heavy content in card view?

How to design card which contains rich/heavy content that cannot be neglected. In card view image(logo/product) position should be on left or right?