New answers tagged website-design
3
1280 is quite popular as a resolution today but that doesn't mean you get such a large viewport. It's going to depend on your market.
If you have an existing site, I would run some analytics on your most common viewport sizes before going with such a wide site. There are tools out there to give you a heat map on viewed area. That can really go a long way ...
0
The project I'm working on has similar issues with progressive disclosure. Our website is littered with info icons that are suddenly useless in mobile. Although I like the dashed underline option, it does present the problem of how to dismiss the info bubble once read.
Think about how to expose more layers of information with the basic mobile gestures of ...
1
You seem to be trying to solve a problem without any indication that it is a problem. You should do some ux-testing to see if it actually is a problem for your users, before you spend time complicating your interface to solve it.
In many situations, people use tabbed browsing to open up a new site in a new tab, and so don't ever need to navigate back. ...
0
Why change the navigation?
For one thing, your top nav appears to be a permanent navigational tool, but then it completely changes upon click. That's very disorienting for the user.
Supplement with a breadcrumb
Assuming you fix that issue (if you agree that it's an issue), you can supplement the top nav in subsequent pages with a breadcrumb:
Personal ...
1
Looking at your pages, a simple solution would be to have a top section just devoted to a link back to the main page which allows the user to quickly navigate back to the lawyer jump page. My company's creative wing's site has this as shown below
The only time this link will not be available at the top is when he is the Lawyer jump page since there is no ...
2
Keeping someone logged in should be under control of that someone. When I log out, I expect a site to forget that I was logged in. In other words, it is not bad UX to ask for consent. It is bad UX not to ask for consent.
Even with I have given explicit consent to keep me signed in, when I do log out, I expect to be logged out and cookies by which I am ...
0
From my experience this is primarily used as an SEO play as you can link to your whole site with keyword-rich anchor text.
It is also a great place to put "orphan" pages that dont get linked to elsewhere on the site like privacy policy, copyright, etc.
3
The increasing prevalence of such footers implies that there must be some research supporting their use, but I haven't yet encountered any. Have you?
I think you're placing too much emphasis on the role of research as a driver of design principles. I would say that these things emerge from designer intuition, and proliferate if they don't cause serious ...
2
Does it matter if the file will be downloaded vs. shown in browser?
A good thing to keep in mind is the performance and user experience of viewing the file in browser vs on computer. Depending on your audience people use different browsers and older browsers which are not good at handling a decent PDF form too. After debating on this, you should decide ...
0
You mean like whitehouse.gov?
Personally, I love the feel of a website when it has menus and links on top and bottom. When I'm on my phone, I'd hate to read a page, then have to scroll back to the top to find the navigation.
Also, typically, the bottom contains links which are more descriptive, along with extra links such as sitemap, toa, and copyright ...
3
I will not talk about the security issue here.
If the user is explicitly asking the website to remember their username it is not bad UX, on the contrary it is good UX that the website is offering such a service. Since people use different IDs in different games and this feature saves them the trouble of remembering the ID all the time. They can associate ...
0
Choice of Downloading or Viewing in browser should be left to user.
Information about the file size and type of file is very useful for the user no matter how big or small it is. The units should be appropriately followed, like, till 1MB, it can be shown in KBs, till 1GB, it can be shown in MBs etc. Rounding File size is not a disadvantage. It should NOT ...
0
Do not bother showing the file size. Exception made with really large files (definition of really large depending on your audience).
It is now easy to undo downloads. If it is too large then the user is going to stop the download and that is it.
What type of file it is is much more interesting for the user because she is going to expect the way it is going ...
1
Make it intuitive and proceed observantly.
In 2009 a Nielsen Norman Group finding Big, 2-dimensional drop-down panels group navigation options to eliminate scrolling and use typography, icons, and tooltips to explain users' choices.
This sounds great... but (and this is all very old by internet standards).
In 2010 they revised their statement after ...
0
I would suggest showing him examples of commercial sites in use today that meet industry best practice. You can learn a lot by seeing how the experts do it and you can set the expectations of what you want by giving him a series of sites that match your visual preferences
As an example have a look at:
http://www.lingscars.com/
It's a well written modern ...
2
I do not like this implementation of transparent fixed header.
If you want to keep the header fixed, it means the things in the header are important. Then you go ahead and make it semi-transparent to make it harder to read? Counter-intuitive?
Even if I am able to focus on the content better (?) when I finally want to look at the header, I need to focus ...
8
Here is a suggestion of things I would recommend.
Tell him that though you appreciate his effort, the world of design has moved on from animated gifs and marquees
Give him an example of how new designs are and how there is an increasing focus on flat UI's (these links might be good starting points)
23 Examples of Flat Web Design
Show case of Flat UI ...
2
it depends on the requirement..
if your website/product is a search engine (Google, Bing etc) or email (Gmail, Hotmail etc), showing search results on the same page would be a good idea..
if you have a website/product where user would be able to search multiple items/products, displaying search results on a new page would be ideal. User should be able ...
1
Search Results can be shown on the same page as search criteria or a separate page. This is not an UX item. This is to be decided based on the design convenience. It should be transparent to user whether results are shown on same page or different page.
The real important UX item to note is, if the search results are shown in separate page, the search ...
7
well I suggest you send him to hackdesign website, as a starting point. Then it will be easier to talk to him :)
0
Just point out what improvements need to be made. Criticism is not bad if its constructive. And if the newbie is any good (Most newbies are, I was..), he'll take your points to improve his work.
3
For web browsing, if the page is very long - has a long content - then this would be advisable because it saves the user some time to scroll all the way up. In mobile applications is more commonly used for apps that handle text - reading.
Additionally there are 2 important points for this to work:
Contrast. In the example that you give above it shows a ...
5
I would believe the main reasoning behind this as you pointed out was to have a continuous flow as the user scans the page and allow it to blend with the design but another reason is to ensure the primary point of focus is the content of the site itself and not the navigation. There are a lot of apps which use this design to ensure the focus is on the ...
0
Depending on the content, one may not be able to tell easily (or at all) whether the current language is Traditional Chinese or Simplified Chinese. Since the convention with language selectors is to show all languages including the current active language, the user might be mistaken to conclude that, for example, Traditional Chinese is not supported, and the ...
2
I'm going to have to disagree with most of the answers here.
Do people really want a feature such as 'help'?
Yes, people really do want a Help feature! Studies have shown that people prefer to use self-service options as opposed to emailing, calling, or chatting with a support person. This is great news, since self-service Help is much cheaper than the ...
1
In theory, you should provide enough information for the user find the answer to her question, and no more. Inadequate support pages drive down customer loyalty (more details here), but complex pages encourage users to give up before finding an answer (more details here).
In practice, it’s very hard to make a support page both simple and comprehensive.
...
3
There is a third approach:
.shorten {
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis; /* or "clip" */
}
See dev.w3.org for more information.
1
I would really like to know:
a. What is the reason to display half image?
b. Does user need to do something (Purchase, wait, complete some puzzle/task) to see the rest of the image.
c. When user would be able to see complete image?
in current scenario, novice user may think that image is too heavy or blocked
however, you may think following solutions:
...
5
Wrap the data with an elipsis at the end. What this does is, it uses known vocabulary to show there is more than what is visible.
AAAAAAAAAAAAAAAAAAAAAA
becomes
AAAAAA...
then you can use a tooltip to show the entire content, use hyperlink or the column can be expanded, depending on your design.
0
Line length readability suggests that each line should have 50-60 characters (or 75 max) per line for optimal reading experience.
The left paragraph has ~100 characters per line, whereas, the right one has ~50-60 characters per line. I find the right one to be easier to read.
download bmml source – Wireframes created with Balsamiq Mockups
I ...
1
Internet users are very much used to one (text) column layouts. Depending on your target group (e.g. web developers) you might want to break with this convention to underline individuality.
For the web, mainly consumed with desktop computers, yes, this layout is never going to work as well as other possibilities. The experience may be better on tablet ...
3
Very long lines of text are hard to read, and people tend to make mistakes when finishing one line and wanting to move to the next line. Multi-column formats help deal with this problem, but multi-column layouts are not appropriate for every situation.
Multi-column articles work well when you don't have to scroll to see the bottom of each column. Think of ...
0
Maybe Paul Lewis wants his blog look like a newspaper to make it more institutional. If so he should have used drop caps and indented lines, and not a (sub)title to start the article.
Those elements serve the reading, that is why they are still used in nowadays newspaper , they are less about aesthetics and logic than readability.
Also he might think ...
5
The entire point of the shadow is to achieve a separating effect from the rest of the page's content. This is somewhat subjective, but the sharper and more aggressive the shadow the more it distracts me from the actual content, making it "worse". To get a "good" shadow I do the following:
I prefer a glow effect (light source is coming behind the person) to ...
2
I think the biggest issue is that people are not seeing feedback that their request has been initiated. A really easy way to do this is to change the look and text in the link or button that generates the download. For example:
Start with a regular button with a "Download" label.
Once the user clicks it, change the text to something that indicates progress ...
0
The '+' and '-' seem not very intuitive to me. I guess you're looking for something like this:
Categories Show all
[X] Category 1
[_] Category 2
Brands Show all
[_] Brand 1
[_] Brand 2
Dates Show all
(_) Last 30 days
(*) Last 90 days
using checkboxes for multiple selects and radio buttons for mutual excluding selections. This is a pattern that is ...
1
It your example it is quite obscure what the user can select or deselect.
Maybe you want to display a list in some form or another and use checkboxes.
An example in Gmail
Generic is not always a good idea. What makes sense is context so depending on what you are picking the UI can be different (most of the time it should be different in fact).
Exemple ...
8
Consider opportunity for better IA:
Instead of just thinking how one could show 150 or even 50 menus on mobile page, I think first of all the efforts should be directed for better information architecture.
Ideally it should be identified by users (Card sorting) but at some level (considering experience and domain knowledge) designer and stakeholders can ...
4
Am using different messages in different examples, pick whichever one sounds better in your use case.
On the page where the user is redirected, display a message 'Your file is being downloaded. Check your download folder when the download is completed.' Be explicit to avoid confusions.
You can have a splash/overlay message saying 'Your file download has ...
0
There's some confusion in assuming that Tufte is for complexity. He's for information fidelity, not necessarily density. He's a huge proponent of 'less is more' as well, in that he is very much known for rallying against 'chart junk' -- aka all the design details that often get in the way of the actual data (zebra striping, fat table borders, unnecessary ...
1
Consistency is the first rule of good UX, but there can be exceptions. For example take landing pages, the breadcrumbs would offer a exit option you don't want.
8
This was originally a comment, because I had assumed it was considered and not used prior to this question being posted..
At the moment, these are your URLs (with "summary" being a type of action, presumably):
/region
/region/{action}/{id}
Your question is, what should you do if someone tries to access it without an ID, like this:
/region/{action}
I ...
0
The most important thing here is to make sure and use « instead of <
;D
0
I would propose having two ways to take a "step back" in your website.
Since it's pretty much a short wizard, I would expect each step (except the first obviously) to give me the option to continue ("submit") or step back and revise an earlier choice ("cancel"). When looking for "can I go back", it's logical to look at the bottom of the screen next to the ...
1
Repurposing Visual Metaphors can be confusing
People typically follow habits. If something doesn't work as intended, then it can confuse them or pull them off-track.
Web browsers (with the exception of IE in Windows 8 on a desktop) usually offer an intuitive method of backward navigation. Most of that navigation is pretty consistent between browsers by ...
6
If you're talking about mobile apps, the top left is the standard position for both iOS and Android (technically it's the up button on Android, but that's close enough).
If you're talking about a website, there is no standard placement for a back button, as there is a keyboard back button, and so most sites don't bother with a back button.
That said, I ...
1
404 Errors can be really helpful.
Everyone wants their sites to be intuitive and every user strives to do less work. With that being said the 404 errors in your statistics and logs can help you to determine where the shortcomings of your user interface reside. If the user interface is so bad from a user experience standpoint that the users are trying to ...
3
I would argue that if you have the ability to fall back to a page that may be useful, you should do that rather than give a 404 error.
In your example, falling back to /region when someone enters /region/summary gives the user the opportunity to select what they may have been looking for. This interrupts their flow much less than it would have if you have ...
7
I think it's ok to make guesses about where your users were trying to go, but always provide the correct HTTP response code to indicate that the item was not found or was "Permanently Moved" and consider showing a simple message on the page in case the user really was trying to go somewhere they thought was legitimate and are confused why you redirected ...
1
What do the people visiting the company history page want to read? What information is the company trying to communicate to those people?
(Is a company history page even needed?)
The answers to those questions is going to guide you to the best implementation for this particular page.
I've had some clients where:
The company history has been prose ...
Top 50 recent answers are included
