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

learn more… | top users | synonyms (3)

3
votes
3answers
15k views

Suggest good max-width for fluid width design

My websites uses fluid width design. The CSS looks like this: #wrapper { min-width: 960px; width: 90%; max-width: 1200px; } The min-width must be 960px but I am open to suggestions ...
2
votes
1answer
92 views

Any research about “few markets” that expect external links to be opened in new windows/tabs?

Google AdSense, an advertisement service, documents in "Opening the ads in a new window": Generally, it is our policy to not allow Google ads to open in a new window. However, in a few markets, ...
9
votes
4answers
5k views

How to test a website for visually impaired users?

What techniques should I be using when testing of a website for visually impaired users that commonly occur due to aging such as macular degeneration, needing reading glasses, possible loss of ...
0
votes
1answer
219 views

What is the importance of an agreement, TOS, or similar? [closed]

Almost every site I've registered on, especially sites where you can share content, required me to agree with some form of (legal) text. Why do many sites require this? What could go wrong if new ...
10
votes
7answers
734 views

How can we communicate the ability to use the same login credentials across multiple sites?

We currently own siteA.com and have a pretty big user base. We are now planning to introduce siteB.com and siteC.com into the mix. Since we want to end up with a "network of sites" and make things ...
0
votes
1answer
1k views

Responsive Webdesign: Best Practices for Maps Integration?

What is your advice on how to best present the user a list of search results which are location based in a responsive web design manner on a Google/Bing/OpenStreet Map? Since there are some metadata ...
0
votes
2answers
340 views

Display a list of current tasks, future and past

The user comes to perform the current task. If the task is done — the task goes to "done list"; if the task is skipped — it goes to "skipped list". The current design has completed tasks indicated by ...
1
vote
1answer
120 views

What is the best way to indicate an element is resizeable by dragging at the bottom right corner?

I am building a kind of "what you see is what you get" web editor, I have a couple of widgets, buttons, slideshows, images, which are resizeable by dragging the bottom right corner only, like an html ...
1
vote
2answers
185 views

What is a good analogy for a custom selector?

I'm working on a project where the user has a list of labeled input fields and a bar above with some options. This is how it looks (simplified): I'm now looking for an element the user can use to ...
2
votes
2answers
154 views

When going back to previous page may cause disorder

Let's suppose a page listing items whose URL would be: /items. Its content is loaded through Ajax at the page's initialization time, thus not directly populated on server initially. Each item ...
2
votes
2answers
657 views

How to better display a big block of text in a form

I have the following situation: I have to implement a form for a web app with several file upload inputs, that need a rather large block of text next to them (as in the screenshot below). The problem ...
2
votes
3answers
1k views

Slogan positioning on a website

I'm currently working on a new design an I would like to try positioning a big slogan (not a baseline) right at the top of the page next to the logo. On most websites, the slogan is vertically ...
2
votes
5answers
220 views

Entering receipt information for a contest

My town is running a contest. You get one entry for every time you shop local, and the main entry method is writing your contact info on the back of your receipt and dropping that off in a ballot box. ...
1
vote
1answer
170 views

Having Vertically Long display of Posts are good or not?

I have a fashion website deemasfashion.com, and the main webpage has a very long vertical display of content. My target market is Pakistani / Indians living outside of Pakistan or India. My products ...
8
votes
3answers
877 views

Pop ups soliciting user comments on websites, good or bad?

Recently I was browsing a well known British high street shop's webshop and in the middle of my session a pop up appeared asking if I had any comments on the site. From a recent survey I did on mobile ...
-5
votes
1answer
1k views

Dashboards: What's more important, upper right part of the screen or the lower left? [closed]

Sort of new to UI design. From intuition it seems that the top-left corner is the "most important" or easiest seen part of the screen and the lower-right is the "least important" or last seen part of ...
0
votes
2answers
898 views

Prototyping Processes in Different Software Development Methodologies

I have identified the following iterative process for prototyping: And its iterative nature makes me think a lot of agile or spiral models, and because of this I think that they are usually more ...
9
votes
3answers
924 views

What do you think of gauges to display information in web dashboards?

I'm redesigning a reviewer-type website for college entrance exams - there are different categories such as math, science, english. Students can take as many review quizzes/exams as they want, and ...
1
vote
2answers
170 views

How to deal with empty pictures when the UI is all about it

I'm looking for solutions to display something to replace empty pictures. The website I'm working on aggregates activities, and those activities does have a picture most of the time. The results page ...
1
vote
2answers
351 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
202 views

How to simplify this content upload form? [closed]

There are several options, all of which are necessary, but it's very intimidating and kinda unwieldy -- especially for nontechnical users. A similar form is used to type in plain text.
0
votes
1answer
445 views

The dreaded “loading page please wait” page

I've noticed that almost every site, when bouncing from page to page, takes a user to a blank white page while the content loads. Obviously that has to do with HTML loading thus showing them a blank ...
3
votes
5answers
257 views

Best way to make use of low-quality photos

I'm designing a website for a friend who is a personal trainer. He has a dozen or so before-and-after photos of clients but they're all pretty poor quality (people are so crazy about a professional ...
5
votes
5answers
5k views

How to make a long text look interesting?

I'm currently designing and building a job board website. I've started designing the page which shows a full job description posting once the user clicks through from a list of search results. The ...
3
votes
4answers
253 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 ...
1
vote
2answers
157 views

How to display and label 5 essential and linked numbers in a table/dashboard?

I need to display 5 numbers. These numbers are essentials and display a summary of all the dashboard. This web application will be use by professional who already work with this kind of data. Here is ...
2
votes
3answers
194 views

Would requesting email confirmation prior to collecting any other details during the sign up process drive people away?

Last week I read over Richard DesLonde's What is the most minimal sign up process possible?, which introduced me to the idea of a sign up process which requires email address input followed by an ...
1
vote
3answers
672 views

Text area showing scroll bars on focus only?

I'm trying to research the potential pitfalls of hiding a scroll bar in a textarea on a web page only when the element has focus. EG: No text = no scroll bars, text starts to overflow = add scroll ...
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 ...
2
votes
2answers
521 views

Is it OK to automatically scroll website down

On the web page I have the list of countries (country selector). When the page is loaded user location is determined and the page is automatically scrolled down to the corresponding country. Example: ...
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. ...
0
votes
2answers
138 views

How shall I present high volume(messages/hour) messages?

I'm building a dashboard that allows people to view messages they received via SMS and that could easily be thousands of messages per hour for radio stations, for instance. Shall I use pagination( ...
1
vote
1answer
217 views

I'm making a horizontal touch-controlled carousel; should each slide move with or away from my finger?

My carousel is just a generic rectangle with multiple slides which loop around: ---- | --------- | --- /* Where | is the page boundary and the boxes make up slides 3 ¦|¦ 1 ¦|¦ 2 ...
0
votes
1answer
300 views

Colours of clickable links in webdesign

This is a redesign of my website im doing: http://www.ryansmurphy.com/redesign/ As you can see, its largely a work in progress, im trying to do a flat ui design. I can tell you now, I am in no way ...
1
vote
2answers
153 views

Improving this view [closed]

Currently, I'm working on creating a view from where the main purpose of it is to show details about a user. Here is the initial view that is given when a user comes to the screen ("Certificates") is ...
8
votes
3answers
3k views

Patterns for sign-in & registration forms that show password as plain text (unmasked)?

Jakob Nielsen suggested it in 2009 (http://www.nngroup.com/articles/stop-password-masking/), and Luke W concurs (http://www.lukew.com/ff/entry.asp?1653), but are there any real-world implementations ...
0
votes
1answer
74 views

How to make users finish a flow on Qlipo.com songs page

Qlipo is a website targeted to help English-speakers learn to speak Spanish through Music. The flow I'm looking for is watching the songs page -> learn vocabulary -> Take the "Test yourself" quiz. ...
5
votes
3answers
444 views

Are there usability problems with optgroup?

The application I'm working on rewriting has 4 major categories, where 2 of the categories each have 3 subcategories. Any given item can only belong to one of the 8 categories. An optgroup (which is ...
6
votes
4answers
1k views

What day should a calendar start on, and does it matter?

JavaScript, PHP and various other web-based languages have date functions whose weeks begin on Sunday and end on Saturday. That is, as individual days, Sunday is identified 0 and Saturday is 6 (with ...
2
votes
1answer
461 views

Responsive design for big resolutions

I would like to design a one-pager site which will be responsive and will be presented well in huge resolutions, such as 2560 width. One method of doing this is design the site with a maximum fixed ...
7
votes
3answers
597 views

How to display month name in a small form?

I have to display a form with 12 months and for each month a number input and a toggle button. This form is in a pop-up so I don't have a lot of place. I did two columns with six month per columns. ...
11
votes
1answer
673 views

Time (duration) entry in webapp - pros/cons of various designs

In designing a way to enter time durations in a website, there are various proposals below. What are the pros/cons from a UX standpoint for both mouse & touch uses. Yellow boxes show input ...
2
votes
2answers
79 views

Redirect to object's new location or display explanation?

I have a question that is similar to another question but is different. Consider a blog engine. Posts can be transitioned through state: When a post is draft, the user visits /posts/draft/review/:...
8
votes
4answers
6k views

Is a website with a Fixed Header good for end-users of a Web2.0 website?

Fixed Header is the header that is always visible to users even the user scrolls down. It uses the fixed-position in CSS. There a lot of websites nowadays that use a fixed header, such as gmail or ...
1
vote
2answers
189 views

For 2 related sets of info, should I divide layout into 2 separated fixed Panels or just use 1 Panel?

Let's say you are building a website and you want to display 2 related sets of information. The first set is often brief while the second set is the detail. Ex: table of content vs article, product ...
1
vote
1answer
185 views

Where / how is the best way / location to display a menu under a menu

Upon login I have a menu with options and underneath it another menu ("what to do with those") What will be the best practice in this scenario to display this menu and buttons from a UI perspective? ...
4
votes
1answer
727 views

Color Scheme for an Older Demographic

I have a couple of questions: Is this color scheme too distracting for a senior demographic? Do you think the blue puts enough emphasis on the "buy now" button? Or does is not stand out enough from ...
3
votes
2answers
289 views

How do you indicate an element is moveable by keyboard arrows?

I am building a drag and drop interface where elements can be moved by a mouse or by the keyboard arrows. How should I 'tell' the user these elements are moveable using the keyboard? Any idea or a ...
3
votes
2answers
176 views

Bug tracker add remove project member from the project UI help

I am working on a bug tracking system. Currently I am working on Add/Edit projects screen. A user will be assigned to a project, and an admin can add/remove users from the project. So below is what ...
9
votes
4answers
2k views

Best way to display continents and countries lists on a web page

A world map and two lists displayed on a web page are connected. Hover over "Romania" link and the Romania region highlights on the world map (jVectorMap fiddle example). As you can imagine, the two ...