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

learn more… | top users | synonyms (3)

0
votes
2answers
69 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
101 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
134 views

What is the best way to format time within online events?

My organization's website has an upcoming events tool and we are trying to figure out what is the best way to format time for an event. For example, we currently have the format display like this: ...
8
votes
3answers
264 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 ...
1
vote
3answers
142 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
83 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? ...
2
votes
8answers
517 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 ...
84
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 ...
0
votes
1answer
53 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 ...
144
votes
13answers
15k 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 ...
8
votes
2answers
3k views

iOS 7 Safari and footer buttons

I'm working on a mobile website and with the release of Safari on iOS 7 I'm having the following issue. The website sometimes shows save/cancel buttons positioned at the bottom of the visible window. ...
1
vote
1answer
45 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 ı. ...
3
votes
2answers
255 views

why do ads load before content on so many websites?

A lot of times when I'm browsing on a mobile device in an area with low reception, pages will seemingly load forever and then appear all at once. I've since learned to tell my mobile browser to stop ...
3
votes
1answer
251 views

How to fit a MREC (Medium Rectangle ad) into a sidebar?

I've seen some great sidebar designs (like filters for listing pages) and the list or grid to the right of it. My problem is that these seem to only be quite thin and fitting a 300px by 250px MREC ...
14
votes
2answers
876 views

Bilingual website usability

Can anyone provide me with links to research material stating best usability practice is not to develop websites with content written in two languages, but rather seperating content into two ...
0
votes
1answer
68 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 ...
10
votes
10answers
2k views

Drawbacks of auto “focusing” on a web page's text field (JavaScript)

Do you guys know any drawback of focusing on a text field on a web page ? It's pretty useful when you know users will use this text field more than others (like on the google homepage), but it's a bit ...
1
vote
0answers
95 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
12 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 ...
1
vote
5answers
170 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?
14
votes
5answers
789 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 ...
15
votes
3answers
3k views

Best ux design for “add row” to enter multiple values

Ive seen this following method on Xing that allows multiple entries of unknown limit: I want a better way, since the + and - look confusing i sometimes get confused myself, in addition the ...
0
votes
2answers
49 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 ...
4
votes
2answers
113 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
3answers
107 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
61 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 ...
0
votes
2answers
106 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 ...
17
votes
4answers
3k views

Having an icon to replace 'Forgotten username and password?'

Has anyone come across any instances where an icon has replaced the link text: 'Forgotten your username and/or password?' I am designing a log in bar that has to go across the top of the website and ...
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 ...
4
votes
2answers
1k views

Need a font with unambiguous letters for commonly confused characters [closed]

Must-have A few stipulations for an unambiguous font: - It must be easily legible. - It must have a slashed zero (so as to distinguish it from capital O). - It must sufficiently differentiate ...
1
vote
1answer
66 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
138 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 ...
2
votes
3answers
142 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 ...
0
votes
3answers
134 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 ?
0
votes
2answers
113 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 ...
28
votes
4answers
2k views

Display comments order - best practice

I wonder what is the best comments order on the website. I assume there are two major methods to display comments: from newest to oldest, from oldest to newest. Facebook uses method one and ...
0
votes
3answers
243 views

Side comments on news feed

I am building a news feed and I thought of changing the location of the comments to be on the side. Besides Medium that does it more for footnotes, I didn't see a website that has real discussions on ...
3
votes
3answers
151 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 ...
32
votes
6answers
5k views

About fullscreen scrolling webpages

There are recently many websites using full screen scrolling pages since Apple launched their own with the iPhone 5C. (website not available anymore, but a reproduction can be found here) Some other ...
1
vote
5answers
480 views

What is the reason for small, lightly coloured text?

We are all familiar with the concept of fine print for text that is to be discouraged from being read. However, lately I've been finding many websites whose main content is in tiny, lightly-coloured ...
3
votes
4answers
234 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
2answers
228 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
2answers
134 views

How to differentiate actions that navigate away from a webpage vs interact with the page

A long time ago links and actions on web pages only served to navigate you to another webpage or process something on the server. Nowadays, many links and buttons are used to interact with the ...
9
votes
3answers
13k views

What is the difference between web design, interaction design, user experience design, and user interface design?

It seems all four of these branches of design relate to each other at one point or another, and one can easily be confused for another by novices or outsiders looking in. Job postings online ...
2
votes
1answer
77 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 ...
1
vote
6answers
85 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 ...
0
votes
1answer
33 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 ...
55
votes
8answers
13k views

Is there a problem with using black text on white backgrounds?

Why do a lot of websites use a text color other than #000000 black when the background is white? For instance, this text will be displayed using a dark grey: .post-text { color: #333; } Have ...
4
votes
1answer
2k views

Hamburger menu for desktop website

I'm working on a new version of a corporate website. As it stands, it has about 6 different sections. Each of those sections have between 3 to 6 sub-pages. My nav is at the top of the page and looks a ...
58
votes
13answers
9k views

Should a web-based UI rely on the browser back button?

The back button is a great "get out of a flow's dead end" option that browsers provide. Should a UI rely on the back button as the only method to allow a user to get to the previous page or should the ...