Website design involves the structure of websites, information architecture, the layout and pages, and the conceptual design.

learn more… | top users | synonyms (3)

1
vote
3answers
199 views

Should Front-End UI and Back-end UI be designed by same person?

I'm currently looking for freelancers to redesign an ecommerce website and I was wondering if it's better to have the same person design frontend and backend UI or if it's better to have a frontend ...
3
votes
1answer
161 views

Fixed header, useful or wasted space?

I'm making a website now, and to be honest I'm not really a designer. Currently the site I'm making does not have a fixed header, and I'm not sure if I should make it fixed or not. A lot of sites I ...
4
votes
2answers
251 views

How to display nested categories of data without using nested menus

I've been put in charge of making a simple website. I'm also new to front-end web design and just design in general (I've always been a back-end programmer). I was given a document by my superior ...
2
votes
4answers
142 views

Call to Actions on Navigation Links

The header on a website I've been working on has a few links that have sub-links underneath them. So for example, when you hover over Link 1, a sub navigation menu will appear that shows you Link1-1 ...
5
votes
4answers
414 views

Sex or gender on web and system apps?

I'm a little bit hesitant to use the word Sex in the design of my website, my other choice is to use Gender but based on this discussion it states that grammar-wise I need to use Sex for it refers ...
0
votes
0answers
33 views

Colors for grades A,B,C,D,F (A+,A- …) [duplicate]

In my new porject I have color grade system that looks like this, but my A(A-,A+) and B(..) is very similar(color) and they are very difficult to distinguish. Any ideas how to do it *nicely? What do ...
2
votes
0answers
75 views

Color grade system A,B,C,D,F [closed]

Hhhh, in my new porject I have color grade system that looks like this, but my A(A-,A+) and B(..) is very similar(color) and they are very difficult to distinguish. Any ideas how to do it *nicely ? *-...
2
votes
3answers
205 views

Difference between pervasive navigation and primary navigation

Quick question from reading Steve Krug's Don't make me think: A Common Sense Approach to Web Usability What's the difference between pervasive navigation and primary navigation? Could someone give me ...
1
vote
3answers
144 views

Color Sliders User-Friendly

I'm designing a website, and I need to allow the user to change the color of some elements. I will have to implement a color slider. I've got 2 different kinds, and I would like to know which is most ...
3
votes
3answers
135 views

Select duration using numeric input + menu of units, or a single slider?

I have a notification panel which is designed for users to receive notification once something wrong or changes happens in the system. So there are two tasks that are for regular checking. These two ...
4
votes
3answers
408 views

Best way to split website for two groups

The title is a little confusing, but it's hard to explain in one sentence. Let's say I have a website where a group of employees can create newsletters. list of functions: Adding/editing/deleting ...
0
votes
1answer
175 views

What makes Reverse scrolling a sign of Bad UI?

My client needed to design a fully SVG animated website with reverse scrolling. But, I heard some people say things like: Try avoiding Reverse Scrolling, It's a sign of Bad UI design etc... What ...
19
votes
4answers
2k views

One big sign up button or 3 [closed]

I would like to know what is the best use in web homepage are for Sign up button: One big button (Like example 1) and then to open screen with option to sign up with facebook, google or mail or 3 ...
0
votes
0answers
40 views

Responsive complex page - compare bundles and detailed bundle

I'm working on a product page. User can choose between 3 bundles and each of those can be customizable. I'm wondering what is the best UX approach to show these data and minimize the UI complexity. ...
0
votes
3answers
265 views

What does a vertical bar imply in UX?

We recently got into a design discussion with our Web Graphics Designer. We wanted to alter one of our logos to incorporate some text in order to distinguish the main logo from a subset of it, but ...
0
votes
2answers
98 views

Sub-steps navigation and positioning in wizard

I have 7 step wizard. The first step contains 3 subsections that i organized in vertical tabs: Right now when you go to 1.1. you will have a "Next" button that will take you to 1.2. When you are at ...
1
vote
1answer
239 views

Display categories with their respective subcategories

I have the following scenario: This is a website that shows the products and services of a small bakery. It has categories and subcategories of the products and services it has, and it displays them ...
0
votes
2answers
193 views

Display portfolio details on overlay (modal-like) or in a new window?

I'm building my portfolio page where I have some thumbnails that, when clicked, show the respective study cases. My idea is to open them on a fullscreen overlay on the same page (like those that shows ...
1
vote
3answers
150 views

Startup app homepage design

I've been working with a startup for a few years now, and we've gone back and forth a lot over the years on the actual product, what it is, who our target demo is etc. We've solidified our position ...
2
votes
1answer
95 views

Website gamification what achievements? [closed]

I run a website with news and stories and I want to improve the user experience and pageviews per session with a gamification. What should I add to my current approach along the achievements? http://...
1
vote
1answer
89 views

Designing a website with several independent hierarchies

I am designing a personal-academic website in which the material is organized in two ways: By type, e.g. "Publications", "Working papers", "Demos", etc. By topic, e.g. "Bible", "Algorithms", "...
8
votes
3answers
281 views

Should tabs have the same height?

I would like to get some opinions. I need to make dialog with 3 tabs, every tab have different form, some very long and some very short. my dilemma is, if to make the dialog height change by the ...
0
votes
1answer
70 views

Dialog with multiple tabs [duplicate]

I would like to get some opinions. I need to make dialog with 3 tabs, every tab have different form, some very long and some very short. my dilemma is, if to make the dialog height change by the ...
2
votes
8answers
527 views

How do you close a website for business?

I'm making a company's web site. How do I tell people that the site is closed outside of business hours? I have visited a lot of sites but I don't think any of them really close so I'm not sure how ...
86
votes
13answers
14k views

Why is sound sparingly used on websites?

In an application like Skype for example, there is a thoughtful sound design that complements the user experience - for example, when an user logs in/out. There are multiple examples of such ...
2
votes
2answers
108 views

Dealing with characters not supported by a font

I have a website which is used by people all around the world. I use a certain font which only just came to my attention does not support characters which my users have mentioned such as ğ, ş and ı. ...
53
votes
8answers
7k views

Most User Friendly Color Picker

I'm designing a website, and I need to allow the user to change the color of some elements. I will have to implement a color picker. What kind of color picker is the most user friendly, and looks best?...
3
votes
1answer
275 views

UI design for showing charts

I am currently working on a UI design to show charts. I have multiple charts throughout the application. Each charts should further drill down to show details. Currently I have two approaches. ...
0
votes
0answers
13 views

How to achieve the mouse over event in touch environment? [duplicate]

This is sort of a generic questions, but I came across this several times and I haven't a good generic solution yet. I have designed many interfaces where the mouse over is a key factor. Whenever a ...
0
votes
2answers
53 views

Location of the site creator [closed]

I want to add "created by @my_name" or "by @my_name" but I don't want to put it in the footer or some other inconspicuous place. I decided to make this "fixed" on screen, but do not know where it is ...
1
vote
5answers
180 views

Style before layout or layout before style?

When designing something for the web, is it a better to focus first on the layout and then on the style or the reverse?
4
votes
2answers
124 views

Are these typical product pages distracting? (Aesthetics vs. UX balance)

Tradition - Information Overload? (typical product page from a traditional e-commerce platfrom like Amazon.com) As an average user I look at less than a third of information, and read through ...
2
votes
1answer
224 views

Best way to show to a user a list of quotes sent by another users

I have a website (not native mobile app) where users can send their quotes about an specific service. Lets say user X send a request for find someone that can fix his TV, so... tens of other users ...
151
votes
13answers
16k views

Why is this design considered cluttered or overwhelming?

I'm developing a web app for Desktop and Tablet browsers. All of my UX knowledge stems from personal experience and iteration - I've never been formally trained. I took great care in presenting the ...
2
votes
3answers
237 views

Single word wrapping to new line in a paragraph on mobile device

Recently I've been approached by a non techincal member of my team with regards to how paragraphs are being displayed on various different mobile devices and desktops. They are particularly concerned ...
2
votes
1answer
65 views

Is research related to “the fold” in web design age-contingent?

I recently encountered an argument that, while the fold may be commonly touted as bad UX by web designers, that anyone over the age of 60 will still succumb to the effect, and will not think to scroll ...
14
votes
5answers
1k views

Why do very few e-commerce websites use full-width and fluid layouts?

Looking at some of the top e-commerces websites (Flipkart, Etsy, Amazon, Bestbuy) , I could find that only amazon utilizes a full width layout, and that too isn't fluid. While I understand the ...
0
votes
2answers
113 views

Why does reading the Memory Alpha website cause horizontal lines in my vision?

I have noticed for years now that when I spend any more than about a minute reading something on the Memory Alpha website (a Star Trek wiki), I temporarily see horizontal lines in my vision that last ...
1
vote
3answers
111 views

Allow numeric input or have user pick from dropdown?

I was just wanting to see what people thought about how I should allow users to specify a year. Currently they are able to select a year from a dropdownlist but I was wondering if users might prefer ...
1
vote
1answer
81 views

Navigation: Is it okay to have the same dropdown multiple times?

So my navigation is: CARDS | DECKS | DECKBUILDER | ... Each of them have basically the same dropdown items. You either want to see Cards, Decks or the Deckbuilder for one specific champion (Barik, ...
2
votes
3answers
233 views

Best way to represent multilevel multiselect location dropdown

So i have this very major UX Issue, I have a set of locations with hierarchy Country> State> (Optional, to be placed if it makes the UX better) City> Neighbourhood> I don't ...
2
votes
3answers
216 views

When does horizontal scroll feel intuitive to a user?

Was reading a few answers on UX Exchange, which lead me to question the utility of horizontal scroll in web apps. In particular, I had done a horizontal concept site recently : here , which was meant ...
0
votes
3answers
210 views

Grid with cards

I want to create grid withs cards that looks like on photo, every card have text in it. What would be better to make , all square or rectangular cards ?
25
votes
5answers
2k views

Colored circles to signify status - a violation of accessibility guidelines?

I'm looking at Google's web-based user interface for managing an enterprise's Chrome devices. Each device's status is represented by a colored circle (see images below). I would have thought that ...
0
votes
2answers
138 views

How to display this piece of information on a web app?

I'm in the middle of building some drafts for a future web platform for boardgame players. As I have a design question, I just discovered this web site, so this is the first time I post here. I will ...
3
votes
2answers
243 views

Should we include recent blog and forum posts in the homepage?

A member of my team has suggested putting excerpts for the latest blog and forum post to our main landing page. She think it will help SEO. But I am worried that it may clutter up the page for ...
2
votes
1answer
89 views

Best way to stop a navigation from wrapping by changing design?

Didn't know whether this was a UI or a UX issue but I have been asked to change our header section so that the navigation items don't wrap to a second line when the user views our site on a smaller ...
0
votes
1answer
36 views

When should I use zero-width spaces? How do they interact with normal spaces? [closed]

As part of the responsive design of a site I work on, some of the tables shrink down horizontally when the page shrinks, with the text wrapping onto the next line. This works well enough except for ...
0
votes
1answer
72 views

Widget to use for “diversity” forms

I've just filled in a form where I had to describe my race with one of three radio buttons "White" "Black" "prefer not to say" (sarcasm) Good thing I'm not Han Chinese then. (/sarcasm) The ...
1
vote
6answers
95 views

Active/selected members of group on the left? or right?

Given a web page with the classic "move items from a list on one side to the other", does it make more sense to have "active" on the left hand side of the screen? or the right? While Submit Buttons ...