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
2answers
175 views

Is the alt attribute on navigation sufficient for section 508 compliance?

I was wondering for a html page which has two navigation options ( 1. Login method 2. Roles), is it just sufficient to provide a alt text to describe what they do? Or should I try to have something ...
3
votes
3answers
991 views

How to align social buttons without losing vertical space?

I've add in some social buttons to one of our pages. I don't want to have to put them in a horizontal row because that'll push more products down below the fold. This is my idea so far: Close ...
3
votes
2answers
1k views

What's the best UX option to help users choose between three items

So, I'm trying to use an optimal UX design for three choices that are responses to questions. The three choices are choice 1, choice 2 and "I don't know." Currently, I've been considering using radio ...
3
votes
2answers
196 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
2answers
119 views

What are the best practices for developing a website for older (65+) audiences? [closed]

I'm creating a landing page aimed at 65+ year old demographics in the US. What are the best practices for creating web pages aimed at that audience? Are there special fonts, font size, color palettes ...
3
votes
2answers
233 views

How can a very long (100+) breadcrumb trail be made usable?

I have an app that has functionality that is very similar to a choose-your-own-adventure type scenario. Basically it's a tree where you start and go through a series of decisions, and each decision ...
3
votes
2answers
113 views

Optimizing interface for creating files

We're building an app in which the user is able to upload or create a file and we're currently trying to optimize the experience of file creation. Currently our interface looks like the following: ...
3
votes
1answer
80 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 ...
3
votes
2answers
132 views

Too many calls of action on product page

On my products page, I have a large image, then next to it I have add to cart. Below the add to cart section, I then have an Enquire Now button. And below that I have click for Live Chat, and below ...
3
votes
3answers
182 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
5answers
911 views

Website Layout - different background colour sections with full width

Recently I have seen a lot of new websites have been redesigned that each paragraph or section have different background colour with full width. For example: http://theme-fusion.com/avada/ What ...
3
votes
2answers
523 views

Is it okay to map the left/right arrow keys to a website's navigation?

When making a site accessible by allowing keyboard navigation is it OK to use the left and right arrow keys to move between columns (in addition to the tab key which traverses all of the column's ...
3
votes
1answer
109 views

When should I use cursor:default?

On a website, text will by default have the cursor:text type which looks like this: However I've noticed some websites use the cursor:default type on text. When should cursor:default be used on ...
3
votes
2answers
280 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
362 views

Searchresults on same page or on 'searchresults.php'

What is the best way for searching on a webpage. Should i show the searchresults on a new page or on the same page? (maybe with autocomplete). I personally like searchresults on the same page as my ...
3
votes
2answers
224 views

Best Method for Adding Ingredients

I have a recipe application that has a "Add Your Recipe" feature that's current implementation looks like this: Some notes: Upon clicking "Add Ingredient", a ingredient form is added. Same for ...
3
votes
3answers
196 views

Asking for more info on whitepaper download then on trial sign up

Im currently researching how to handle lead generation forms. I came across a website which has 3 slightly different forms for downloading a white paper, downloading an ebook, and downloading the ...
3
votes
4answers
266 views

When is simplicity good in web design?

I'm currently working on a B2B website targeted to the city I live in and I started doing some research and looking how big B2B portals (such as alibaba.com, globalsources.com, etc.) are designed, and ...
3
votes
1answer
150 views

Name and Company - One field or Two?

I am laying out a form on a website with the typical name & address fields. While I've done this a number of times, I have began to try and trim fields from my forms that will be on smaller ...
3
votes
1answer
530 views

Metro Box Style Navigation

Train and Subway Information Design Metro style refers to boxing information so that it's easy to digest. Windows 8 uses this, although they failed to make it usable. Metro Style on the Web I ...
3
votes
2answers
1k views

Does the Foundation framework comply with Section 508 and other accessibility standards?

I'm considering using the Foundation framework for a responsive design for two of my current projects, but I would like to know this: is Foundation designed to adhere to accessibility standards? If ...
3
votes
3answers
586 views

Is paging within a scrolling banner necessary?

This is used quite extensively across the web, but I'm wondering whether it is actually necessary. Alot of animated banners/carousels on websites use navigation or paging links so that you can jump ...
3
votes
2answers
616 views

How should I toggle navigation for 2 distinct user types

I am trying to determine a method that will allow visitors to toggle between two categories of users. The high level navigation: For Professionals vs. For Users Many product categories within ...
3
votes
3answers
372 views

Data Grid double click for detailed record view or single click to populate constantly visible single record form?

It was hard to phrase the question clearly. I'm looking at two options: 1) Full page data grid. On double click on a record, a window pops up showing the record in a form view. 2) Top half: form ...
3
votes
2answers
165 views

Information Architecture for a Blog [closed]

I am about to re-design an existing blog for a company and I have a very good flexibility in terms of layout-design and IA. There are many galleries to get some inspiration for the design part, but ...
3
votes
2answers
256 views

Quick search on the left, or on the right of a home page?

Is there any benefit to having a 'quick search'* on the left of a home page, or, on the right or does it not really matter? Given that people generally scan / read from left to right, it may be ...
3
votes
1answer
548 views

Examples of good use of animation on web pages

I'm currently redesigning our company's Magento theme, with the aim of increasing our conversion rate as much as possible (obviously :-) ). I have what I feel to be a good overall layout with the eye ...
3
votes
3answers
242 views

How to best let a user sequence items in their queue

We have a queue on our users' project page. And we want to introduce sequencing. Currently all actions that are applied are First In; First Out. What is the best method for sequencing? We have come ...
3
votes
4answers
120 views

Which type of experience for exploring added reviews is more interesting and useful for exploring newly added beer?

I am trying to nail down a good experience for user's who want to browse added beer reviews for my upcoming site. I'd like it to be a fun experience so I've tried a few different ways of displaying ...
3
votes
1answer
310 views

Using mobile design elements for standard web pages?

I'm a big fan of minimalist design and really like the efficiency and layout of sites and apps designed for mobile devices (Tripit.com comes to mind). I often find myself trying to incorporate similar ...
3
votes
2answers
2k views

What are some good User Interface words/phrases

I'm a programmer, and I come across the issue of naming UI elements on web pages often. What are some good words/phrases? Like: Dialog popup Modal Window Alert Box Image carousel Is there a ...
3
votes
2answers
253 views

How should I allow my members to delete their membership from my site?

What is the best way to allow a member to delete their account if they wish to not be a member of our community? Should I simply have them click a delete button on the site? What other measures should ...
3
votes
1answer
92 views

Best approach to toggle button & Placeholder for date?

What is the best approach (i.e to add some icon or text etc) to show user that this section/button/menu is toggleable or we have more option on left or right on the controls? Right now I'm using ...
3
votes
2answers
642 views

Sub-menu dropdown vs tabs on mobile

I am trying to figure out what a better UX is on a mobile phone. Either having the sub-navigation as tabs, or have it be a dropdown. Method 1 - Dropdown on mobile In the following images, the ...
3
votes
1answer
229 views

Showing Notifications on the UI on main page of Website

I want to show the notifications as response of every user action (e.g. configuration added in database, cant load data for selected conf. , server disconnected etc) on my website's main page. What ...
3
votes
1answer
82 views

Usage of outdated UI elements [closed]

I don't know for how long they have been having this, but today I realized amazons usage of a slider element on their home page (May 25, 2015). My general impression (mainly based on a few articles I ...
3
votes
2answers
852 views

split screen layout pros and cons

I'm in the research and planning phase of a new website for a company that consists on 2 persons with different areas of expertise. I was thinking about designing a split layout inspired by this ...
3
votes
2answers
250 views

Any lesson learned or best practices on the UX of a 'Download' button?

My company provides a free edition of a desktop application we developed. Currently I have 'Download' button only on website, and I consider to replace it with one of the following three suggested ...
3
votes
1answer
83 views

How should breadcrumbs be marked up? Are lists appropriate? [closed]

Trying to work out how best to mark up a breadcrumb area on my page and I'm not sure how I should contain it. In my mind there are three options: Option 1 - Just Links <nav> <a ...
3
votes
3answers
70 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 ...
3
votes
4answers
180 views

Place Ad after Title or Lead text?

I have a blog that focuses on list articles (10 Photos of Cats You Like) that are structured like this: > Title > Facebook Share > Lead Text > Image #1 > Image #2 > Image #3 > ...
3
votes
2answers
73 views

Designate two files from a list using comboboxes on each list element. Is there a better way?

I've got a dialog in my web application which requires the user to designate two files from a list of many using a combobox associated with the file. One file must be designated as "type 1" and the ...
3
votes
1answer
87 views

differentiating between groups of products that are very similar?

This is the corner I'm backed in to: My company is releasing a new line of products that use the same hardware as our current products, but with completely different software -- a cloud based version ...
3
votes
2answers
383 views

When should I ask for the title of a YouTube video and the title of a resume?

I am designing a web site where candidates can upload videos and files. Candidate can upload videos from YouTube and they have to give the video a title and do the same thing for a file. They have to ...
3
votes
2answers
5k views

Standard headshot and thumbnail dimensions and width/height ratio

Is there a preferred size and ratio for images that represent a headshot/mugshot of a person? I have a project where we're taking photos of people, generate thumbnails, store the thumbnails and print ...
3
votes
3answers
159 views

Do users object to homepages which contain a full section consisting of a contact form?

I've recently had users test a prototype for a new portfolio site for my company. The homepage is almost like a one-page site in that it has distinct sections, although each section links to another, ...
3
votes
1answer
267 views

Sorting content by popularity and rating

Most sites seem to keep them separate - providing the user the ability to sort content by rating or popularity/most views. I was thinking of combining them into one metric that gives the user a good ...
3
votes
1answer
431 views

How to combine Faceted Search with 'browsing' action?

I don't have a UX background, so forgive me if I am missing something. I am working on a small demo, to explore browsing a list of items (movies) combined with faceted search. I was wondering what ...
3
votes
1answer
145 views

Multiple items in one basket that get processed at different rates on completion of checkout

Does anyone have any good ideas on how to solve the problem of having multiple products in one order (basket) that are processed at different rates once the user completes their purchase? An example ...
3
votes
1answer
568 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 ...