Questions tagged [website-design]

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

Filter by
Sorted by
Tagged with
2
votes
1answer
607 views

Standard numbers for responsive layout

What are the (standard) numbers to work with, when making css responsive layout? @media screen and (min-width: px) { /* Mobile */ } @media screen and (min-width: px) { /* Tablet */ } @media ...
1
vote
6answers
266 views

Advice on collaboration with creatives and developers?

Our current workflow has creatives receiving wireframes from a rather green UX designer. Our creatives then design too constrained to said wireframes. When I receive the design I find many UX flaws ...
1
vote
2answers
141 views

Date picker showing by week, is showing the month necessary?

I am trying to design a date picker for booking an appointment, and I think that, the most natural way of choosing a date is not by a calendar (showing full month) but by showing by week. Currently my ...
27
votes
4answers
22k views

What unicode symbol should I use for EDIT?

I'm trying to keep a very light payload on a wordpress plugin I'm writing. Users will be able to: add - + refresh - ⟳ edit I'm thinking of using the pencil glyph: ✎, but I'm not sure about it. What'...
12
votes
2answers
571 views

Alerting visitors to a website of a current event (e.g. breaking news)

Backstory: We have a website for a conference. As part of the process of the conference, we invite people to submit sessions, but only for a limited period of time. We want to alert visitors to the ...
11
votes
5answers
5k views

Logo - where should it direct within a website account?

Imagine there's a website with its content, but it also offers accounts that users can activate through this website. The account is basically the main functionality. (The website is mostly about this ...
11
votes
5answers
1k views

Does SSL on a company's website make the company appear more credible?

I recently had a thought about the way many modern browsers display information about a site's security certificates. At least Firefox shows a very noticeable blue box in the address bar on sites that ...
11
votes
5answers
985 views

Is it absolutely necessary to show the currently selected language in a language selector?

There are three choices of language. At least on mobile it would be nice if I could save a little space in the footer by omitting the currently active language. This seems risky though as it means the ...
10
votes
8answers
1k views

Is it okay to open a help link in a new window?

I have read Jacob Nielson's usability book and he says links should never open in a new window. Here are some of his reasons: Novice users cannot manage multiple windows and become disoriented. The ...
10
votes
4answers
2k views

A good solution how to localize and let user choose language on HTML page

I read another question where a poster states that flags should not be used for languages since flags represent countries. In my mind I agree but in my eye this solution is the best: Do you agree ...
9
votes
5answers
4k views

Should I add a floating, fixed feedback button on the pages of my website?

I would like to add a Feedback feature to my website. Should I add it as a floating,fixed button on the side? Is that considered something users are annoyed by? If I shouldn't, which method is ...
9
votes
3answers
436 views

Identify different types of clickable shapes?

We're building an application that is like an interactive flow chart. When users are viewing the flow chart, they can interact with certain shapes: Link to another flow chart. Link to an external ...
9
votes
3answers
294 views

Having two different label alignments in one website / application

I've come to learn that label alignments have their purposes: top-aligned / right-aligned for faster completion (usually for forms asking common information) while left-aligned for slowing down ...
8
votes
4answers
3k views

What is the best max-width content container in a website?

Following Bootstrap 3/4 or other frameworks, we have notice discrepancies in terms of max-width for the main content, for instance: In bootstrap 3 the max width of the container is 1170px In ...
8
votes
3answers
2k views

Should forms be aligned left or center, if less than full page width?

Our web application has a small header and nav menu at the very top, and below, there is simply a large area of open space. We have no need for an always-present sidebar, so there is just one column. ...
7
votes
7answers
337 views

How to handle account disabling and enabling

I'm currently building a small online dating service and am wondering what the best task flow is if a user disables their account. (When an account is disabled, all their data is retained but they ...
7
votes
7answers
845 views

Why do most websites have a custom skin where as most desktop applications don't?

You rarely ever see websites with a UI that has the same skin as the operating system. But, desktop application rarely ever change skins. Why do custom-skins work so well for webpages but not for ...
7
votes
4answers
1k 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 ...
5
votes
6answers
2k views

Best way to show two different kind of login forms

I have a website where there are two different kinds of accounts: Student: a student, once logged in, can do math quizzes Educator: an educator, once logged in, can view various details about the ...
5
votes
5answers
3k views

Where are good places to display ads on a webpage?

Where on a webpage is the best chance that a visitor will notice an ad and look at it?
4
votes
3answers
31k views

So how big is the mouse pointer?

In the research of creating a design standard for touch applications, the size of the average finger pad comes up as an important figure (1cm x 1cm) But what about the interaction method we have been ...
4
votes
3answers
331 views

News Feed vs Message Log, Sort by Newest vs Sort by Oldest

I'm starting out on building an application that will be a hybrid of a messaging application, but with "news feed" like qualities. These qualities being rich media, advertisement, and conversations ...
4
votes
4answers
1k views

Room Bookings: What approach is best/intuitive/user friendly?

I currently have a side project going where I am learning AngularJS, the side project I am working on is a web based room bookings application. So imagine you are an employee of a company, and you ...
4
votes
2answers
2k views

Should multi-select dropdown/box have an “all” option?

We have a situation where we have an optional "multiple select" box, that looks something like this: <select size="5" multiple="true"> ... </select> This select box allows you to select ...
3
votes
4answers
346 views

Flight comparison websites 'delaying' search results?

Is it true that price comparison websites, particularly flight comparison websites 'delay' the search results of price information so users feel that the search is comprehensive? Otherwise what is ...
3
votes
3answers
306 views

General name for the website style that appears in wide pages

The front page on https://trello.com/ is an example of something I am seeing more and more frequently on the web. It is almost like a set of slides, stacked one on top of the other. Here's another ...
3
votes
3answers
3k views

Best practice for currency input fields

I'm working on a web application, which I just received a request to make all input fields collecting currency data to be right aligned. Is there a standard for collecting currency data in a web ...
3
votes
2answers
3k views

Two column vs single column registration page [duplicate]

Which is the best? Single column: or... Two column:
2
votes
2answers
1k views

Should “Printer Friendly” buttons be used?

I have an intranet application that has a few "printer friendly" buttons on pages users were expected to print, and I really would like to get rid of them. The previous designers didn't know what they ...
2
votes
1answer
427 views

How to handle a complicated registration process

Ok so it is a bit complicated ... bear with me In my web application, I have something called "Office" and it has many "Employees". An "Employee" can not exist without an "Office". So in my current ...
2
votes
3answers
1k views

What are your thoughts on using italics for primary navigation in a page header? [closed]

I'm working on a redesign for a large blue chip's website and the company brand uses a san serif italic font for the headings in it's marketing collateral. The brand/creative team would like to use ...
2
votes
1answer
397 views

Testing web site accessibility for blind

As a sighted person who does not know any blind people, how can I test that a web page will work reasonably on either screen reader or Braille terminal? There is various advice what to use and not ...
2
votes
2answers
269 views

what exactly do UX Designer mean in the web design field?

What I mean by this question is how can a person be an UX designer just by making a STATIC high fidelity mockup on a piece of software like "Photoshop" or "Sketch" or whatever. Does not the words "...
1
vote
1answer
2k views

Expand/collapse all - Combined or separate button(s)?

Note: This isn't a question about which icons or labels to use. It's purely about usability. So, I have a page with expandable panels and I want to add a button to expand/collapse all panels. Now, I ...
1
vote
2answers
1k views

Best aesthetically solution to overflowing data in a table

I have the following table which I created as follows: <html> <head> <style type="text/css"> html { background-color: #fff; } body{ text-align:center; } ...
1
vote
1answer
535 views

Long pages vs more pages

We're developing a form which may have a variable number of follow-up questions (based on user answers to an earlier question). Depending on user response, there could be between 0-13 follow-ups. We ...
1
vote
1answer
364 views

What's the best way to display reply threads? [duplicate]

I have a post and reply system. Currently when you view a post, you can see a list of its direct replies in a vertical scroller. You then click on a reply to see replies to that. I might call this "...
1
vote
5answers
964 views

Best practice for collapsible submenus?

I have a website navigational menu: Lorem Ipsum < Situs Pratius Quisque Dolor Duis Proin < Folios Artius Zalto Ramo Neque What should be the best practice for users; if a user opens up ...
0
votes
5answers
247 views

How can I increase user adoption on a single-page app?

I have been working on this: http://spe.lt Now, I have had a few thousand people visit this. It seems like a lot of people find it useful, but not that many end up using it. I want to increase user ...
23
votes
7answers
3k views

red checkmark vs. a red “X”

I am currently designing a panel in my business application that shows a table of data to a user. The data in the table is the company's percentage (this is equated by many different values), whether ...
12
votes
4answers
3k views

Why do so many sites make the mega footer a dark color?

Such as www.braintreepayments.com. I see this type of design so frequently nowadays. It's so common that it looks like a template, yet all kinds of companies that you wouldn't think would be using web ...
11
votes
4answers
564 views

How does a “random page” option help an application to succeed?

Some documentation applications, particularly wikis (including, of course, Wikipedia) have a Random Page function. My question is - how important and useful is that? Is there any objective data ...
10
votes
2answers
2k views

Caption below or above image for navigation purposes?

It was already discussed here that for layout purposes, where images and video appear on a web page, ordinary captions are probably best placed below the graphic — largely due to convention. I want ...
10
votes
2answers
3k views

Should all links on a website be the same color?

I'm not a web designer and would like to know about link and button colors. About links Should all links be the same color, knowing that sometimes the background has different color so the links are ...
10
votes
3answers
1k views

Is a website sidebar a user blind spot?

I've seen studies about how ad blindness can prevent users from even noticing ads exist on a website, but are there any studies that perform the same research for the entire sidebar? On some sites, ...
9
votes
7answers
571 views

Is using the alt-attribute for text-as-graphics ok?

There are several ways to present text on your web page in exactly the font your designer decided; as an image, a flash hack, some javascript hack, dynamic fonts. But to this day, the only thing that ...
9
votes
3answers
355 views

Why do menu labels behave differently in desktop applications and websites?

In a desktop application when you click a menu, you see all the options which reside within it, in a drop-down/pop-up list. In many websites with a navigation menu which has sub-categories, I have ...
8
votes
4answers
384 views

Should we show how many views a page has?

As part of a new site design I've put in the functionality to track and count unique page views. This is predominately used to create a list of popular articles and blog posts. Is there a negative or ...
8
votes
3answers
1k views

How to best deal with many thumbnails in a product image gallery

We have an image gallery with thumbnails that can be clicked to reveal a larger version of them in a viewport. Here are some conditions that the layout needs to meet: The Gallery has to cater to ...
8
votes
3answers
2k views

Change text color when hovering over hyperlink

Should the text color change when hovering over a hyperlink? I usually change my hyperlinks to a lighter shade of blue upon hover. a:link { color: #0088cc; } a:hover { color: #0099dd; } I believe ...