New answers tagged

1

It looks modern In UX, this is a terrible reason to do anything. Traditional More empty space on the title bar means it can be easily accessed with the cursor. For large desktop screens, this is a blessing in not needing to slowly aim your cursor towards available space to move a window. "Users are familiar with this format" Integrated Less space ...


1

Even though this is an older post, the core issue remains. ChrisF makes a valid point--core functionality of the Web browser shouldn't be disabled unless absolutely necessary. Also, adding text instructions may often be overlooked/ignored by users. A good possible solution is to incorporate some JavaScript that will alert the user if they attempt to use ...


1

Best option from your post (d) seems to be the best one. One drawback of (d) is that the user can ultimately see only as much as the screen allows. In case of very long text, the exapnded content box may not fit in screen. My suggestion Let the text scroll slowly when mouse pointer hovers over content box. The scrolling speed should be slow enough so that ...


0

I think that the best way is use the option d, a kind of accordion where you can find all the information in the same page, now you must look if the design is coherent with this...


0

This really depends on what kind of information it is and how much more longer its likely to be, also what are the other ui elements and information around it and will they be needed to be visually next to this if say, you decide to use pagination.


1

There are many problems with all three designs. First you have to know that the last option will not work with mobile since there is no hover with fingers. Also the label itself doesn't describe the action. What're you adding? A page title? A page? More text? When ever you're designing actions, make sure the CTA (call to action) has enough description to ...


1

Consider the following: Identify the columns that would likely to show first Add big arrow at the right page (center of the page not at the bottom corner) '>', when user clicks - show remained columns Freeze 1st or few left columns to get connect information with other columns when user click '>' Add link / button at the bottom of the cell text if you find ...


0

Left-to-right (LTR) My instinct says that for a LTR directional reader the received messages should be on the left. As the recipients messages should have more prominence over your own, putting them on the left means your eye is drawn to them. Also and more importantly they are easier to read as you span down the chat feed as they are left aligned, the ...


0

I would use an expanding area, like an accordion. Other viable options to me are a scrollable container and overlapping area (maybe it's the same as what I've suggested). Nested option — no, too many clicks. Pagination — no, for the same reason. Also, pagination in the small areas looks weird. And you will have to decide how much content goes into one ...


0

Lets discuss the options you provided: a) Since this is the content page, you should not make users click many times to view their content or they will leave. This option is out. b) Bad idea. This will present to the users additional navigation hurdles, like scrooling to find their content. Our goal is to present the content to the user without requiring ...


0

There is no need to distinguish selecting a student or all subjects in a row. If I'm correct these subjects belong to the student. So the checkbox is meant for that particular student and it's subjects. If you can I recommend to allow selecting multiple rows and choose to either remove them or clear the subjects in them. Multiple actions on multiple rows is ...


2

In my experience, a checkbox in the left hand column will select the whole row. Not selecting, as in this case, both the name and the subjects, but the whole row (the student, conceptually). So, I think it would be expected to select the row (a student) and perform the actions you have available, even if they are only performed on one of the columns. But, ...


0

To answer your first question, I don't think it's clear that the check box is for both the fields - Subjects and student name. It appears as if you'll select only the student name. Here is my suggestion: From the rule of proximity, the check box appears to connect strongly with student name ( the distance between the check box and student name is less ...


3

It honestly depends on the type of work you are completing for your website. You might be testing a new design out, just to see if your new design is usable. Or you could be completing A/B tests, which are tests that are conducted to compare two similar designs to see which is more successful. Another thing you might do is benchmark your existing website, ...


2

Why Statistics? Once you get beyond graphs, averages, and percents, the bulk of statistics concerns answering the question, “Is this sample size big enough to convince me that what I see in the sample actually applies in general?” This branch of statistics is called “inferential statistics.” It’s definitely worth knowing and doing inferential statistics ...


0

A little more insight about the purpose of the page will be valuable if you want to receive accurate answer. However I think that the first option is most suitable because: the add button will be related to the Page title and not some elements below it. For example in option 2, the add button may be related to some element below the title more vertical ...


0

Most date and time pickers provide a terrible user experience: they require clicking and scrolling through a large amount of irrelevant dates and/or times. Unless the user needs to keep track of a date relative to those around it on a calendar (for example when planning travel dates), picking dates in a calendar format adds no value. An alternative to using ...


3

Showing a separate content page prior to login is probably going to get ignored. I know I probably would ignore it. Here is one example that may accomplish your goal well. I would keep the content simple and high-level with no more than three bullet points if you are going to use any. Keep the page load time as low as possible since retaining current ...


0

If you do not handle e-mail confirmation expiration, someone could register with someone else's e-mail address and never confirm it which would lock the e-mail of the legitimate user if he ever wants to register to your website. If the user hasn't confirmed his e-mail address in the given length of time, you want to make it available again, ...


0

I think we need to give this a fair chance. Interaction patterns evolve over a period of time. There is no steadfast rule that clicking a video should make it play / pause as opposed to making it go full screen. It's just what we are used to so far. As long as the user indicates an intent to play the video, Facebook can make a choice as to how they want ...


1

If clicking the verification link automatically logs the user in, then yes, the verification link should expire. Why? Because if the user's inbox is compromised a hacker can search for the verification email and then click the verification link to gain access to the user's profile on the website. The question then is, when should the link expire. Maybe not ...


1

I think you're on the right track but what's missing and what would make this really useful is for the design to empahise key metrics I've attached a comp This is a pattern I've seen elsewhere and addresses the use case "I have a loan amount in mind and I want to see over how many months I would need to pay it back at a rate I can afford" and brings the ...


0

Hide the back to top until they are scrolled about two screens worth. Only show it when scrolling and set a 1.5s delay for it to then fadeout. This way users will see it when they need it (scrolling) and it won't be in the way when they are trying to consume content.


0

I would recommend an split page design. One side can have the content (with scroll if required) and the other the login info. Provided the legal team approves the content shown is ok to be seen by public. With just a link i am not sure if it can be protected The advantages being Save the user time and one step Don't have to force the user to go through ...


0

If there is lot of scrolling involved then you would need a BTT button. From what you say you can have one in the sticky menu, but make it visible only after scrolling i would recommend that this button be visible just above the sticky menu on the right side (not too close to the right border) and be visible only after scrolling


0

Whether or not users would receive benefit from a back-to-top (BTT) button/link/icon is dependent on a few things. First, how much content is your average page going to have? If it's only a few paragraphs and users will only ever have to scroll half a page, a BTT button is probably overkill. Likewise, if you have a sticky header; therefore, the only reason ...


1

I believe the initial purpose of the back to the top button was to help users reach the top easily, specifically when they didn't have a sticky nav for a mobile view. I recommend not including a back to the top button if you have a sticky nav bar that is easily accessible.


0

Actually, I have to say I'm surprised. But Apple Guidelines on popovers actually specify to avoid include any dismiss button, but when you're implementing a task then you should have a 'cancel': Avoid providing a “dismiss popover” button. A popover should close automatically when its presence is no longer necessary. To determine when a popover’s presence ...


0

This question – and much of the discussion here – seems to stem from not having clear definitions and rules for when, why, and how to use several interface components. Below I attempt to explain the simple rules I follow for each component that's related to the one in the original question: Tooltip Used for small bits of read-only content that appear on ...


3

I disagree with the assessment that the website looks good. Unfortunately, there's several things that make it look unprofessional. My very first impression was that it was probably someone's first website they ever tried making, and it comes across more as a spam or scam site than a site with legitimate business listings. Here's a few of the first things ...


1

I think one needs to address the question of what is being conveyed through the graph. If you want to point to certain interesting observations, marking them, or generating separate graphs to highlight the same might be one way to catch the attention. While such graphs look visually appealing, the process of generating insights might prove to be ...


6

Oooh, pretty. Yeah, well, hairballs (this kind of huge graphs you have shown) are pretty much useless because unreadable. Genomicists and bioinformaticians have discovered this early in the days because their datasets are big enough to demonstrate the issue. And no, adding 3D will not help the cause. The solution for hairballs are hive plots. Also ...


2

Disclaimer: Very random ideas from a non-specialist What would you recommend to use to avoid data overload with large graphs? I would look at successful visualizations of large graphs. Here's a few: http://internet-map.net/: it's easy to see the central points and the clusters. Also easy to see individual points. ...


0

Both the above answers are great. I will add that when possible I add extreme edge cases to my test panels. A trick I learned by accident. I was testing a mobile banking app for business people. I usually order panels from an agency that recruits them for us. The first bunch was mistakenly switched with a panel of non-business people for another project. ...


0

If there's 5-7 rows of ads your wireframe should reflect that. As you'll see - what you have is an advertising site. It's not really an interactive calendar at all. Facebook is about the limit of adverts that you can have on one page. The best you can do is use the width and put the ads to the side.


0

There may be 5-7 rows of ads. Thinking of the students, I think that's bad for usability Agreed. But let's step back even further. That's just bad usability for the advertisers. No one wants their ad hidden in a pile of 20+ other ads. Seeing that many ads will, in turn, cause 'banner blindness' and the user simply scroll past the entire lot. This ...


0

It is common, and I have done it a few times. The "groups" are called "audiences", you might want to google using this keyword and find interesting answers that fit your needs. It happens in sites like Microsoft or IBM, that have consumers and developers among their audiences. Check in those sites how the press audience is also taken to a different path in ...


3

Your choices beyond the existing pan/zooming on the display could be to introduce a local focus+context lens around the mouse pointer, to unclutter/expand the current area of interest. However with the size of datasets you're mentioning you might need to consider aggregating and/or filtering on the data itself - a million node graph on a million-pixel ...


2

Beginning? If users may start without a clear idea of what they're doing (or without a good idea for a name until the end) I wouldn't put it only at the beginning because you will force them to finish and then edit just created workflow to rename it. Of course if you can't do better I'd prefer at the beginning than at the end (more pros and less const, in ...


1

The first step in business process re-engineering is to identify all existing processes. This produce a list with process name and optionally a short description. When this list is finalized and accepted from all stakeholders, detailed steps and workflows are documented for each process. This approach has two benefits : You avoid duplicate and overlapping ...


1

I occasionally find it useful to place issues against these axis: download bmml source – Wireframes created with Balsamiq Mockups Which generally leads to prioritising fixes from top-left to bottom-right.


0

I'm fond of applying Steve Krug's maxim "Recruit loosely and grade on a curve". If you can't find your ideal users feel free to recruit other folk, but apply more weight to the feedback of people who are closer to your target group.


1

Syslog has 8 levels of logging. They are pretty good: DEBUG: Info useful to developers for debugging the app, not useful during operations INFORMATIONAL: Normal operational messages - may be harvested for reporting, measuring throughput, etc - no action required NOTICE: Events that are unusual but not error conditions - might be ...


0

Error: blocks user's progress; a condition that must be addressed. Warning: something doesn't look right, but the user can choose to continue. Notification: information that is helpful or valuable for the user, but everything is in order.


0

How about putting each section inside a dropdown menu so only one section show sin full at a time, it will reduce clutter drastically and allow the user to find what he/she needs fairly quickly


1

Based on the UI attached, I'm assuming that you are toying with the idea of progressive disclosure; meaning some form of user activation to reveal the items that are available. There are circumstances whereby progressive disclosure would fit slightly better, such as form filling, check out process etc. In this case (a menu), a progressive approach would ...


3

WordPress has something similar to Adriano's suggestion, where you can switch between multiple sites on the toolbar of the dashboard The 'My Sites' link shows the dropdown menu for switching between sites. The link next to the home button (Group 1 in this example) takes you back to the dashboard for group 1. If you changed to Group 2 on the 'My Sites' menu, ...


5

Split the project and have two websites Absolutely to avoid, primary for maintenance. Administrators may switch between the two (same as users with multiple roles) but here you will pay highest price for any new addition/change (and if you pay this then your customers and your users will also pay). Give the users who have 'roles' in both teams a ...


0

What you are doing is adding the role item to the various different location or organization groups, however the UI design looks like the role is a group that you are adding location or organization items to. I believe this is why users are confused. Can you make it clear that the selected role is being added to the location / organization groups, rather ...


0

This is a problem of invisible logic, and as such I'd recommend being explicit. Perhaps this will do: download bmml source – Wireframes created with Balsamiq Mockups



Top 50 recent answers are included