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
4
votes
5answers
3k views

Should Document files on web pages open in a new tab/window?

When designing web sites should document files such as PDF, DOC, XLS, should the documents open in a new window/tab or in the current tab?
4
votes
5answers
945 views

Do users recognize “slideable” areas with dots as indicators for multiple images?

Are more explicit visual cues, like the arrow buttons in "Variant 2", necessary to convey that there are more images available and the user can reach those by swiping left or right? Or are users ...
4
votes
2answers
688 views

Prioritizing Items from a list of values

I want a user to prioritize 4 items from the highest to lowest priority without being able to select the same priority for each item for the registration process. So far this is the wireframe I have ...
4
votes
2answers
1k 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 ...
4
votes
2answers
718 views

How do Windows users interact with scrolling panes?

Let's say there's a website with a row of gallery thumbnails you can click on. It looks like this: As a Mac user having always used either some sort of trackpad (built into the MacBook, or a Magic ...
4
votes
3answers
2k views

Keyboard shortcuts overriding default browser action

I'd like to add some keyboard shortcuts to my website. How severely is usability affected if I override the default browser behavior? CTRL+B: bolds the text instead of open bookmarks. CTRL+N: go to ...
3
votes
4answers
233 views

Which is the landing page and which is the homepage?

So I'm confused about which page is considered home and which is considered landing. I got 2 web pages: 1 page is the login page when the user enters the website URL and other is the notification ...
3
votes
1answer
924 views

Internal Consistency vs. Consistency across the Industry

Does anyone have any recommendations on how to balance having styles/patterns/icons being consistent to a single website vs following recommended practices/patterns/icons that are popping up across ...
3
votes
2answers
2k 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
2answers
209 views

Asking location in the UK

I'm working on a website where as a key part of the sign up process users have to enter their location. The particular town where a user lives is integral to the functions of a website. In most of ...
3
votes
1answer
347 views

Selecting all contents of an input field of text type when focusing

I am working on a registration form for a web application which requires you to enter your first name, last name, date of birth, address and so forth. If the user fills out all of the fields we are ...
3
votes
3answers
846 views

Thoughts on Customizing Javascript Confirm Dialog

A design was just introduced for a brand new application offering the user to delete something. The user experience is as follows, the user clicks delete on the object. Upon clicking delete, the ...
3
votes
2answers
213 views

Placement additional menu on video website; top, bottom or something else

A friend of mine is building a video website where you can watch user submitted videos. Those videos are of individuals speaking their dream in the camera. The focus is on letting people watch those ...
3
votes
3answers
261 views

Is displaying search bar in Search Result/Error 404 page redundant (when it's already on sidebar/header)?

Is it redundant to display the search bar on Search Result or Error 404 page again when the website already has it on the sidebar/side navigation or on header? I've always felt it's kind of redundant ...
3
votes
1answer
1k views

Grid text alignment rules

I was wondering if someone has come across rules used by web designers for text alignment in a grid. I was observing that majority of text is aligned towards left, but financial figures with ...
2
votes
2answers
291 views

Revealing full text cut off with ellipsis in a table

I have a lot of text cells in a lot of tables that use an ellipsis for text overflow and I need a way of revealing the full text. The way they've currently got it set up is they've made the text look ...
2
votes
2answers
624 views

showing unsaved changes to a user on a web form

I've done some research on this and so far I can only find guidance for files and tabs: Denoting a tab as being "unsaved" in a web application Is there a better character than the asterisk ...
2
votes
4answers
478 views

Differentiating quick-contact and full-contact in a website design

I am designing a commercial website which is very elegant, thinking about adding a quick "sliding" contact form with the essential fields, to be available in all pages of the site, in addition to my "...
2
votes
4answers
1k views

number input vs range slider

what are the advantages and disadvantages of range slider type input as compared with the classical number input? When it is better to use them?
2
votes
1answer
48 views

Interactive documents v websites. What research/studies exist to cover when one should be used over the other?

In discussing my question Does any research/study exist on what makes an interactive document better from a user experience perspective? an interesting argument has arisen that using a website is a ...
2
votes
1answer
1k views

Changing the behavior of the arrow keys with JavaScript

In the context of a widget on a website, what is the preferred way of changing the behavior of the arrow keys with JavaScript? The user can't scroll with the arrow keys and can use the arrow keys in ...
2
votes
2answers
166 views

Do I need to make my website compatible with IE8 and earlier? [closed]

I'm currently in the design/start stage of my personal website, the books I'm reading point out that IE8 practically doesn't support anything with new websites, should I make a IE8 version of my ...
2
votes
1answer
244 views

What is best practice for the sending behaviour of contact forms?

In a recent question I posted that one of my favourite patterns for a contact form was to sit it in a fat footer so that it was present on every page. (Edit - This does not have to be a ploy to hide ...
2
votes
2answers
681 views

“Toll Free” or “Call Us” Before Phone Number

This two parts, a general question and a question specific to my situation: 1) Is there any research that shows whether phone numbers in website headers have a higher conversion rate if they are next ...
2
votes
6answers
343 views

User Testing and other best/most effective ways to implement UX in webpage

I am interested to know what some effective ways to determine and implement user experience would be. I think that user testing is a very effective one, i.e. getting people who are completely ...
1
vote
2answers
384 views

Minimum distance between click targets

What is the minimum distance between click targets on web for an optimal UX? I have read this article: An Interactive Visualisation of Fitts's Law Here is a menu with items I'm trying to position in ...
1
vote
2answers
173 views

How should I represent a tree structure?

Context I have data from a source that has categories and sub categories and in some cases, even sub-sub categories. Requirements The actions that can be performed on the tree elements are - ...
1
vote
1answer
120 views

Professional designs and their effect on sales

Is there any evidence to suggest that a prettier more professional design results in the user trusting that site more and therefore that website results in better sales? Are there any examples of this?...
1
vote
3answers
2k views

How to handle lots of legal text (40k words) on a webpage (also mobile)

I want to redesign the guideline (rulebook) page of my sport association. The problem is that its a legal document which contains a lot of text (around 41.000 words) with a lot of (sub)headlines and ...
1
vote
5answers
4k views

changing a web browsers default scroll bar advice

So, I want to change my browsers scroll bar to something a little nicer looking like the scrollbar that www.twitch.tv uses. But then I noticed that not many other websites change their scrollbars. Is ...
1
vote
2answers
438 views

How should I allow cron expression input?

I need an input in a website where users can input something in a cron expression style, eg. Every friday at 3pm What would be the best ui system to implement this? Are there any conventions for ...
1
vote
2answers
554 views

Data Display of Tables: Table Cells with Must-See Values

I have a data-driven web app with horizontal resolution limit of 1280px, yet up to 15 columns (table cell data varying between 0-255 characters). I wouldn't like to display data on multiple rows as it ...
1
vote
2answers
734 views

How to present users with multiple service options?

We currently have a marketplace that allows users to create a project, enter specs and service providers fulfill the service. We want to show a new option on our website which is to provide a ...
1
vote
2answers
228 views

Why do video monitoring system UI use a dark background?

I am working on designing the UI of a video monitoring system. After I did some research, I found out that most designers use a dark background to be the primary color. Does anyone know the reason ...
1
vote
3answers
158 views

Is it good to automatically sign up a user if he doesnt have an account?

On some sites when you don't have an account and you are asked: Sign-in with gmail, or sign-in with facebook. When you click and your account isn't found, it automatically signs you up using the ...
1
vote
1answer
2k views

Are tooltips on mobile a good user experience

What is the general consensus on tooltips for web links? The kind I mean are the ones that pop up on desktop when you hover, but pop up on mobile when you click. I fist came across these the other ...
1
vote
2answers
223 views

How to handle state of a toggle switch?

I'm wondering about how to create a useful implementation of a toggle switch. (think iOS style: ) It is meant to be used in web applications. Because of that, an important point is, that after ...
1
vote
3answers
966 views

Project dependency visualization and navigation

I have to visualize software project dependencies and provide a way to navigate through the dependencies. I want to combine showing the dependencies of the currently selected project as well as ...
1
vote
2answers
400 views

How to build website mockups / interface design? [closed]

Is there any other way to design websites besides Photoshop? I want to quickly build wireframes / mockups of the new user interface and I want to move the UI elements and rearrange them.
1
vote
2answers
1k views

Breadcrumbs for Mobile

We are designing a responsive site and I was wondering if we need to use breadcrumbs for mobile version. I did some research and most of big brands don't use breadcrumbs on their mobile site but I ...
1
vote
2answers
181 views

Does personal photo on the website improve its credibility?

I know there are several techniques to improve website credibility like putting client references, portfolio (or any proof of work and its presentation) etc. Does personal photo on the website ...
0
votes
0answers
297 views

Horizontal scrolling widget for mobile webpage?

I'm looking for a widget that is similar to what the iphone uses as a datepicker (found here), only horizontal. Does anyone know what this would formally be called? I've been looking all over and can'...
0
votes
1answer
312 views

Dropdown, side bar or second nav bar for a submenu in a website? [closed]

What is the best form/ position for a submenu in a website, a dropdown for the menu item, a list in a sidebar or a second nav bar?
0
votes
2answers
119 views

What objective arguments can be provided to prove that a colour scheme for an app is bad?

We have a design for an app developed by an external agency and our business people seem to be happy with it. But it’s really terrible - the colours are too bright, the text is difficult to read and ...