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
4answers
120 views

What behaviour is acceptable for checking data back in when a browser window is closed?

I am designing a tool within a webpage where users can check out a dataset, make changes to it, then check the data back in so that another user can work on it. I have covered the eventualities of ...
4
votes
2answers
837 views

The Name of a Full-size Device-independent Start View with tagline only content and downward pointing arrow to access the site?

I don’t know if this is a new trend or just the fact that I’ve not come across this pattern before and it’s actually old, but I’m unable to find anything on it. The story is that you access the root ...
153
votes
13answers
8k views

Language of language names in the language selector?

Imagine a site that's available in multiple languages. The language is detected automatically by looking at the IP or the browser header. But that's not bulletproof, so a few users might end up on a ...
5
votes
4answers
404 views

Should Website “Container” elements reach the bottom of the screen?

I've got a fixed width layout site much like SE and Twitter and it personally bugs me when my "short" pages don't reach the bottom of the page. I've been wondering if this is a purely stylistic issue ...
0
votes
3answers
129 views

Trebuchet font and user experience

I've built a Saas web application (link is on my profile). I'm using the MS Trebuchet font for about 99% of the text and I think it looks good; it's an art, not a science so there's bound to be a ...
5
votes
2answers
244 views

Criteria for a valid sticky top bar

I see lot of websites that has design responsive for all devices, with css styling that as a user [, designer, and developer] can say that put effort upon. They use a banner/header/menubar on the ...
9
votes
4answers
521 views

How can I encourage my users not to multitask?

Context: I'm creating a website aimed at middle-schoolers and high-schoolers to help them collaboratively create stories. The site is gamified so that each user will want other users to vote for the ...
1
vote
1answer
90 views

Is there a name for a bunch of features under each other?

I know this isn't particularly the most intelligent or specific question ever, but I can't really say more than: what's this called? Basically a bunch of features (often for a product) under each ...
8
votes
6answers
2k views

Why don't we use Left navigation for website?

Left navigation is becoming a more widely used trend in Web Applications; for example, it is utilized by Zoho Books, Slack, Gmail and others. More valid reason to move Left navigation, like screen ...
1
vote
2answers
105 views

Corporate/Enterprise section

The company I work at, we need a new home page. However, we have two different target groups. Ordinary people and professionals. But I'm torn on how to separate it. I'm toying with the idea of having ...
1
vote
1answer
150 views

Best way to show the user a div have more details, will be shown upon click - arrow/grid icon/'>>'/'more details'?

I have Four divs on my homepage. Every div is showing a number and a indicator. But I have further details for each of the div which will be shown upon user click. Now I want to know what is the best ...
0
votes
5answers
308 views

Is it better to do mockups in Photoshop or HTML?

As the first stage of development. I need to give several different mockups to the client so he can pick the one he like. Normally I design in photoshop and give the png to the client. In here I face ...
0
votes
1answer
88 views

New to UX. Should I focus on Web Design or UX in general? [closed]

I'm new to UX, and long story short, I"m not sure whether to focus my time on web design or UX in general. This is probably a stupid question but I hope it makes sense. I'm proficient with HTML and ...
2
votes
2answers
84 views

How to differentiate a Div from rest of the div on same row having same look and feel ? border/shade etc?

I'm working on a web application where I have 4 result types of a data and I'm showing all four on the page in same row with same look & feel of divs (can be seen in picture). The Box_D result ...
1
vote
2answers
230 views

Background Grid lines in charts are good or bad?

I'm using different charts (Line & Bar charts) in my Web app. I want to know whether background grid lines are good to have in charts or not? Does these lines distracts user attentions from main ...
0
votes
2answers
153 views

Image slider in Mobile Web Page

I am developing a responsive web page for a Fashion Brand and in my mock up I put a image slider to go through images of the products. Should I keep it in the mobile version or switch to a different ...
4
votes
3answers
243 views

How to make a user think a div is clickable ? shadow/Hand cursor/color change?

I have 3-4 divs on my home page with some information (i.e. A Big Number, indicators). As I cant put all the information in the same page but I think it will create cognitive load for the user so I ...
0
votes
1answer
80 views

Other layout strategy for table of content as navigation

Our website has many nested pages (more than 200) and we are asked to create a navigation that is not menu bar since it's so many. So I have designed an iframe, fixed on the left side of the screen, ...
4
votes
4answers
197 views

Best approach to show Risk data on UI - Simple divs or Guage (speedometer)?

I'm working on a project where I need to show a Big Risk number on the main page of my website. What is the best approach according to the user perspective to show the number ? I have 2 options in ...
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 ...
1
vote
3answers
102 views

How to confirm checkbox updated

How do you confirm that a change to a checkbox has been saved? On our site when you want to change a textbox or drop-down, you click the pencil icon to change the value, click ENTER or TAB and that ...
2
votes
4answers
214 views

gathering requirments from client who thought she had already made everything clear

I had accepted the task of building a client a website. She had the requirement “it had to scale to mobile devices”. Not even that, but I’m assuming her screen size she viewed the site on is a little ...
2
votes
2answers
116 views

Visual Indicators

I am a newbie to UI. I have seen in google and other sites that whenever a person visits for the first time he will be presented with the visual indicators such as Ok, skip , got it etc.. I need to ...
1
vote
2answers
430 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 ...
0
votes
2answers
187 views

Multiple choice control for region (6 regions) and countries (all countries in the world)

I have 6 lists with items for each continent (region). For instance, first list is for Europe - Austria, Sweden, Germany etc., second list is for Asia - India etc. third is Africa etc. (six ...
0
votes
1answer
78 views

Redirect user to different pages, or Bring all together in 1 page?

I'm about to create a web platform. Users can just either sign-up or login and start using the web app right away. (client side is AngularJS) I've always wondered this. Does a web developer should ...
0
votes
3answers
116 views

From/To vs. To/From for shuttle app?

At where I work (a university) we have shuttles. Recently, our internal web page was redesigned and shuttle hours are now currently displayed here along with other information. My question relates to ...
1
vote
2answers
132 views

How to format a web page to reduce the need to horizontal scrolling?

Not sure if this is the correct site to ask this but I will anyways. I'm an inexperienced web developer and my company is having me convert a simple Excel application into a web page format. The ...
1
vote
2answers
107 views

Feelings to avoid when learning something

I will soon be implementing a learning platform for blue collar workers about security for a client and as a hobby, I'm making a completely different platform on the side for children about science. ...
20
votes
9answers
7k views

What techniques can I use to wireframe sites with responsive/fluid layouts?

How do you make wireframes for responsive or fluid layouts? Typical wireframing techniques are static and aren't well suited to showing how designs scale. What techniques exist to capture the dynamic ...
23
votes
5answers
2k views

Should a multinational website background color be a conscious choice?

We know that colors represent different things in different cultures, and selecting the wrong color can have unexpected and unwanted effect on how we present our organization. Gaming sites such as ...
0
votes
0answers
22 views

Breadcrumb dropdown navigation examples? [duplicate]

I'm trying to find websites that use some type of breadcrumb navigation with dropdowns. I was looking at this post from 3 years ago, but it seems that the sites mentioned here have changed their ...
2
votes
2answers
305 views

Where can I find a complete list of web element names

I found some names of web element like "pricing table", "slider", "navigation menu" and "subscribe form". What is their general category name and where can I find a complete list of names of the ...
1
vote
2answers
97 views

How to make a call-to-action element for mobile?

I am building a mobile website (lets say for for boutique hotels). There will be a form, where users will be able to enter the hotel name, email address, wanted dates etc... Since I will also have ...
0
votes
1answer
53 views

Moving location treeview from side panel to top on to website?

I'm not sure this is the best place to post, but here goes. We have a classifieds website where the left-hand part is divided into three sections: items categories, search criteria, location. I've ...
3
votes
2answers
272 views

How to make a “prices” UI?

I am building a website that offers 3 different pricing method. The only thing that differs between the 3 options is the period range. For example ( lets say car hire): under 1 week - 10$ per day 1 ...
9
votes
5answers
2k views

Best way to show search results for different content types

On a website that has different types of content on the same topic, how should this information be displayed after a user searches. Let's say a site's topic is "trees" and the content types are as ...
7
votes
2answers
14k views

What are the ideal widths a website should be designed for on a phone/tablet/computer?

What are the ideal/typical widths that an adaptive/responsive website should be designed for in order to accomodate the most devices possible?
0
votes
0answers
51 views

Interface for selecting based on two fields

I have a web application that has several select lists, some of them are plural and some of them are singular and user should select just one item. In both cases users should be able to choose their ...
1
vote
4answers
200 views

Is it a good practice to place primary content below the footer?

What are the principles, use cases, and/or motivational factors behind placing content that pertains to the main body of the site, to instead exist below the footer? I want to better understand the ...
1
vote
3answers
461 views

How can I make the message of this hero image clearer?

You, like many others, may have some trouble understand what this hero shot means: You can also check out the actual landing page to see how the same image looks on a big screen. I intended to ...
1
vote
1answer
51 views

Long Input in an editable field

In my web app I have an input field that is editable by click and the author is unable to view the full title if it is too long. A good example is the Title field of "Ask Question" in this site. If ...
2
votes
3answers
11k 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 ...
1
vote
2answers
89 views

Encourage users to Like/Dislike proposals

I am working on a marketplace for which clients get constant proposals from service providers. The proposals usually include an image, description and price. A large number of the clients browse ...
19
votes
5answers
1k views

Should a user be able to control the timezone when scheduling something?

I have a product where users can schedule content to post to social networks. The users may have their account set to their local timezone, while running a campaign which requires them to schedule ...
12
votes
7answers
2k views

Parallax scrolling and accessibility

I was just answering this question Is there any actual data about websites using parallax scrolling? and the more I read about parallax scrolling, I was wondering if parallax sites were accessible as ...
1
vote
1answer
134 views

The best way to show several related tables

I have three or four connected tables, and I really wonder what's the best way to lay them out in a page? One table is for Roles. Second table is for Users. Each role might have several users and ...
2
votes
4answers
1k views

When designing a website, what screen resolution should I design for?

I have a simple question about the best resolution to consider when developing a website. Usually I consider the max-width: 1920x1080px, but now TVs are smart and some of them allow you to browse the ...
5
votes
8answers
7k views

How wide should a responsive-designed website be?

Maybe this is a stupid question but I wonder if it changed. Websites used to be 960px wide so all screen resolution could easily see all the content. But with the new 'responsive-design' and html5 ...
0
votes
2answers
211 views

How to make a good UI for picking dates period?

I have a website form in which user can enter details of a flight he wants and my website will scan flight companies to find a flight that matches user's criteria. One of the details user should ...