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

learn more… | top users | synonyms (3)

4
votes
3answers
287 views

Is it better for website accessibility to have the menu before or after the content

I have seen two approaches to menu/content markup order in relation to accessibility for keyboard only users: Menu first then content with a skip to content link at the top Content first then menu ...
62
votes
11answers
11k views

Home button vs Logo link?

Is a "home" button on the navigation required if there is a link to the homepage using the company's logo? Increasingly I have noticed more and more websites using the logo as a link to return to ...
1
vote
2answers
122 views

Best practice for location based URL structure?

I have a website like Zomato. There are restaurants, and each restaurant has a page based on the country it's located in. One restaurant in the US can have the same name as another in Switzerland, but ...
3
votes
1answer
132 views

What's the most common aspect ratio in terms of web design?

I'd like to know what is the most common aspect ratio to aim for in web design? I'm having problems with a site that works fine in 1920x1080 (16:9), but it doesn't work out so great in 1680x1050 ...
20
votes
7answers
3k views

Pop-under: Really that bad?

We're currently discussing to add pop-unders to one of our platforms to get users to use one of our notification features. As you can probably imagine, as a UX person I'm really against the use of ...
3
votes
3answers
357 views

Best practice to include developer's area inside user's account options

In this concept, normal users see an option for "signing up as developer" then they would receive access to developer's options. the normal way I assume is like this: But I think of some ...
2
votes
2answers
58 views

Using a section title as a link to deeper navigation

After selecting data and filters to narrow it down, the user is taken to a 2nd level of the navigation where he is presented with content displayed in a table like in the following image: Each row ...
2
votes
2answers
173 views

Real estate for “What is this” help text?

The web application I work has "What is this?" for most of the pages. Currently we place them at the top right corner. Tab occupies only 70% of available space and help text occupies 30% and the ...
0
votes
0answers
25 views

Education for becoming a UI designer [duplicate]

I have been trying to research as much as possible into the field and there doesn't seem to be a solid User Interface program at any college close to me (Central Florida area) Currently I am a ...
1
vote
2answers
193 views

Is there any research on colors choice for the web?

I'm writing a thesis on web usability. I'd like to mention the choice of colors and which ones are appropriate to use and which are not. Now I've searched on the internet but what I've found so far ...
7
votes
4answers
560 views

Back breaking sites

What's the reason that so many site these days "break" my back button experience? Even stack does this: I read a question expand the comments, scroll to the first answer, follow a link, decide I'm ...
1
vote
1answer
52 views

Any specific reason why they put link anchor obscurely on timestamp label?

As I need to share Facebook and Twitter post outside their network lately, I have learned that I can get the link to the post from the link on the timestamp text (see image below.) I wonder if there's ...
1
vote
1answer
49 views

Show Education/Government/Non-Profit pricing with normal prices?

We offer discounts to education, government, and non-profit organizations (different discount for each) as well as volume discounts on top of that. On the pricing web page for a product should all of ...
2
votes
2answers
125 views

Error messages / alert boxes on wide screens

I'm reworking a web app UI to take advantage of wider screens and I have a niggle I can't shake. There are many tables throughout the app for which a wider screen is advantageous. Above the tables I ...
4
votes
2answers
201 views

Hiding a phone number during nighttime hours

I am creating a website for an apartment building. There will be a phone number listed for users to contact the landlord. The landlord, however, only wants to receive phone calls during the day. ...
0
votes
1answer
46 views

Is it advisable to have a countdown for a limited free account in a register form?

This is a register form, it offers free account for the first 50 users, I wonder if it's good or common to put an account countdown for it.
5
votes
2answers
460 views

Should a website for a business look the same as its leaflet?

I'm creating a website for a family friend who has a small business. They already have a leaflet that was designed a few years ago. To what extent should web/mobile design match an existing print ...
6
votes
1answer
130 views

How to Display Occasional Announcements on a Website?

I’d like to add an announcement banner or an element with the same functionality (e.g. alert, button) to a website to notify users about an upcoming survey. It should contain a call for participation, ...
1
vote
1answer
97 views

One interface for adding users to groups and groups to users

So I'm struggling with coming up with a way to do this. Basically, right now, there are two interfaces: One allows you to create and manage groups, and the other allows you to create and manage users. ...
4
votes
5answers
1k views

Good idea to have back button close a modal window?

I have a request to make the browser's back button close a modal window. I think it's probably a good idea, since I think the majority of times when a user is looking at a modal window (and this is ...
21
votes
5answers
2k views

Should a multinational website background color be a conscious choice?

We know that colors represent different things in different cultures, and selecting the wrong color can have unexpected and unwanted effect on how we present our organization. Gaming sites such as ...
1
vote
1answer
54 views

What are the most effective ways to expose multiple product colorways?

On an ecommerce category page, what are some effective ways to expose multiple colorways/colors of a particular product? Standard practice seems to be a scale. On the one end you have the product ...
1
vote
2answers
390 views

How to show two brands of the same business in the navigation in one website?

I need to show two different brands in same website. Each has a different logo and navigation which should be visible by default, but they share a common sign-in/sign-up interface and currency change ...
3
votes
1answer
88 views

Sticky header positioning

The page below is a detail page of a certain Patient, in this case: "Mevr adasfad..." When end-users scroll down they'd like some additional feedback on what page exactly they are, the name of the ...
0
votes
2answers
130 views

Being able to view multiple departments, but enter only as one

I am writing an app that works for organisations that have multiple departments. All data entered will belong to a particular department. So, it is mandatory to select a one and only one department ...
3
votes
4answers
184 views

Should mobile websites show a dedicated area for scroll bar like on desktop websites?

I often get these complain from my management team when i design long pages for them. I cant cut on information only because i have to fit in it one page. Some really basic users do not know if they ...
61
votes
12answers
6k views

What kind of design do users like the most at the time of this question, 'Flat' or 'Skeuomorphic'? [closed]

I have read multiple articles on-line that say that the era of Skeuomorphic design on the web is over, and that a new era of so-called 'flat design' is now the new thing for developers, but do users ...
2
votes
2answers
57 views

Which font to use when text in an image and image is zoomed out of / made smaller

I have an ad that looks fine when the web page is at 100%, but when the user changes the screen size, my responsive design takes over and while the image is still correct looking, the text has reduced ...
0
votes
1answer
26 views

Image gallery site to use links to each image page, or load them via ajax [closed]

I have this site where you have thumbnails in left and right columns. Clicking on a thumbnail will load the main image in the center. There are two ways I can do this: Use ajax to load the main ...
20
votes
9answers
6k views

What techniques can I use to wireframe sites with responsive/fluid layouts?

How do you make wireframes for responsive or fluid layouts? Typical wireframing techniques are static and aren't well suited to showing how designs scale. What techniques exist to capture the dynamic ...
2
votes
2answers
86 views

Search input placeholder text

The client is real estate agency which offers offices for companies. I have got search input on the homepage. What kind of text will you put as a placeholder? When you type the complete search answer, ...
3
votes
3answers
53 views

Struggling with implementing a 'Basket' area when the available content can be free as well as priced

We have a system that allows for companies to either have a selection of free items that their users can pick and choose from (which they can then add to a personal list of items), or a selection of ...
5
votes
3answers
149 views

Tagging symbols (eg. @, #) What are the others?

I am creating a tagging system like Facebook. But unlike Facebook, where it would show all kinds of objects (eg. people, page, groups) under the '@' symbol, I want to separate things better. For ...
18
votes
9answers
4k views

Should radio buttons be pre-selected?

I am working on a re-design for a eCommerce site and they have a section where they offer a free gift card if the user makes a purchase over $1000. The idea of the gift card is to get users to ...
2
votes
5answers
258 views

Do we still need to add custom back buttons to our design?

I am building a website and I have a very light navigation. However within the navigation the user can go a level deeper without the navigation tab changing. My question is for the user to get back ...
0
votes
1answer
125 views

Which design should I follow after AB testing?

I'm working on redesigning an old e-commerce website and after running a few qualitative user research studies, I have three designs were identified to be AB tested. To give some background on the AB ...
1
vote
2answers
194 views

Is showing a blank page preferable to showing an empty one?

TL;DR: If you don't care about the context of my question, you can jump down to the images, under "Question." Background I'm modifying an exeisting web application--think "social network," ...
3
votes
2answers
169 views

Should colons be styled in the same way as the preceding label is?

Is it common for designers to style a colon in the same way as the preceding label, even though the following text does not follow this style? For instance, I have the habit of making the colon bold ...
2
votes
1answer
83 views

(slightly buggy) mobile website vs. desktop website

I have a website which has a desktop and a mobile version for phones. Now, the mobile version is slightly buggy but does still work. The images are in the wrong places and partly even overlapping. ...
2
votes
2answers
116 views

What are the effects of A/B Testing if the user is aware of it?

I went on the same website on two different browsers, and I got two different layout + design. I was being A/B tested. I didn't like that, probably because: I don't like to be part of an experiment ...
4
votes
4answers
358 views

Do users really want responsive dumbed down versions of websites?

I recently read this article Google: Bad User Experience For Mobile Users May Lead To Ranking Issues where an example of responsive / mobile optimized web site is shown side by side with its desktop ...
7
votes
3answers
28k views

responsive website min-width?

In my experience most responsive websites don't have min-widths so when resized to a tiny size (say a 100px window) the content screws itself up and becomes illegible. example: ...
0
votes
1answer
87 views

Do “Subscribe now” popup boxes on websites ever work?

Often when reading a blog, the page becomes obscured with a "Subscribe here for more" modal box, which I promptly close. Is there any evidence that these provide a reasonable conversion of ...
0
votes
0answers
145 views

converting a three column layout page into Material design

My current project involves converting the following design into Material design. I have been reading material design guidelines on Google website. However I feel quiet lost as to how I would convert ...
6
votes
5answers
571 views

Does a log in/sign up field always have to be top right?

Best practice says that log in/sign up fields should always be top right of the website, no arguments there. There seems to be a trend towards simply having "Sign up here. Or log in if you already ...
2
votes
1answer
60 views

Order of keyboard tab navigation within a form with help links

Situation: I am supporting some old web forms and each input box has an icon next to it that opens up a description section directly below the field. Right now, tabbing through the form alternates ...
5
votes
2answers
132 views

Does a loading animation on a websites initial load improve usability?

I'm working on a site where I am being asked to implement a loading animation on page loads. Essentially, the site will display a loading animation as soon as possible, which will go away once all of ...
2
votes
1answer
121 views

Should a list of team members be divided into sections and years?

Our project team is divided into sections: core team, fundraising, representatives, media, etc. We want to show the member list each year so that visitors can see who is behind the project, and to ...
1
vote
2answers
93 views

What's the difference between 'sign up' and 'sign in' with Facebook? [duplicate]

In Airbnb, I see that the user can 'sign up' with Facebook or 'sign in' with Facebook. What is the difference between sign up and sign in? Do these options actually perform different actions?
1
vote
1answer
116 views

Do arrows pointing right mean progression universally?

Sometimes I use arrows pointing right to mean progression, and arrows pointing left to mean regression. Looking at internet browsers' back/forward buttons, I assume this is universal, but I don't know ...