Tag Info

New answers tagged

0

You may want to notify your users that this is a potential issue with their built-in browser pop-up blockers. For instance, Gmail uses this error message after a new window has failed to open: "Grrr! A popup blocker may be preventing the application from opening the page. If you have a popup blocker, try disabling it to open the window." If you include ...


1

Based on the discussion we've had in the comments, I think for the expanded version ALL authors section, you should maybe handle it like a terminal window and do columns spanning the width of the window, cut it off after a certain point with a directive to the user to "see more authors" which could show the next set of authors (or go straight to a paginated ...


2

Wow, >1000 authors? This is just a guess, but how about listing the first four authors and adding "et. al."? "Meteors and Mudslides: An Examination of Some Words that Begin with M." Heatherton, Joyce, James Fitzgilroy, Jackson Hsu, et. al.


0

Thanks for the above inputs, both have a good 'quick' ideas to fix this but its not quite right. I'm sorry but I forgot to mention that this is not a web based app.. its actually a desktop Electronic Document System on Windows OS therefore I cannot just expand Vertically and add vertical scrolling. My not-very-final idea is to add some type of Carousel ...


0

Since you have the limitations of not being able to fully hide any of the boxes and not being able to resize the boxes I only really see two options. 1. Make two rows Just add a second row below the row you current have. Pro: shows all the same details as your current solution Cons: pushes all the other content further down the page 2. Thumbnail and ...


0

If its not possible its not possible, also feel free to push back if you think it isnt a great idea. It sounds like you need to prioritize the importance of each box Heres some options. Throw the other 3 boxes underneath. I would only do this if all of the boxes have the same level of importance and are used just as often. If you think it isnt wise have ...


0

As your examples show, quick-reply boxes for either email and twitter can shorten the amount of content. So I could go the other way around. Have it in a separated window/page, show a preview of the typed text, include formatting options (markdown), and perhaps have a last step where the user press the Send button and is redirected to a Review page. If ...


1

You should make it easy for the user to cheat. "I see you didn't run 2 km yesterday. Do you want to delete this task and completely forget about it?" Too often messages to the user sound like they are nagging or chastising them. An app should be written as a friendly helper, not a disciplinarian. If a user doesn't want to do a task, nagging will mean they ...


2

It's not very good UX, because Apple's goal is to make devices that behave exactly how you'd expect, and as you've stated in your question most people don't expect it to work that way. Matter of fact, there is a common prank where you set autocorrect shortcuts that replace common phrases with embarrassing or weird ones. And as you type, your phone ...


1

Does anyone know what was their reason behind implementing this even though it seems contrary to what they were trying to do? Probably. But we'd have to ask Apple that question. It may have very well been because Steve Jobs or Tim Cook "said so".


4

A common and effective technique is to make users type the action to complete it. The example below, from Podio, is a bit extreme in my opinion, but the chances of someone accidentally deleting a workspace are pretty low.


2

First of all: Do not hide features This will frustrate people and make them angry Design Approach The feature is normally accessible where you want to find it (For example Main database settings when deleting a database or Account-Settings if deleting an account) You can use a red Button and other visual clues to make clear that the decision the user needs ...


0

You could delay the process with things like captchas or delayed submit buttons (unlocks after x seconds), password confirmations, email confirmations (link in email). EDIT: whoops, you want to hide it? Maybe put it in a drop down or make the user select it then use another menu and combine the above.


1

I think the reason the listboxes solution doesn't work is because its actions imply the objects are being moved from containers to groups (or vice versa) which isn't the case. Eg., when you assign an object from container1 to group2, it doesn't actually get removed from the container. If I understand correctly, the items in each container can be managed ...


2

Whether a pattern is "better" or not is completely related to the users need and project constraints. It's hard to determine in your mockup if what your attempting to create is a faceted navigation, or an advanced search. I suspect it's the former. In order determine if a solution is "better" we would first need to know more specifics about the user and ...


1

Representing the entire site schema in one page is a bit like search, as mentioned above, or an old-style site map page. Is this meant to be a guide to the site, or working sitewide navigation? If it's the latter, you could display the top levels (0-4) in the mega-nav and the lower levels in section nav. If the sections are really deep, you might want a ...


3

Both the options are good but Tree navigation is recommended. My suggestion would be add the search box above the tree navigation to access the menu item quickly. User can type 3 letter in the search box to get the respective page link.


1

From the 2. the tree navigation option seems the better choice. I'd add accordion behaviour(expand/collapse) to the navigation so unused elements of the menu will be hidden. Also, having breadcrumbs will give the user a sense of where they are on the application. You could also have selectable elements in the breadcumbs to allow the user to jump between ...


1

The best practice I've used and observed elsewhere is to expose all available filters that are valid for the search, but collapse those that are rarely used. The LinkedIn search is an example of this tactic: I was surprised that BestBuy isn't doing anything in this area. If you provide a query with matches in many different categories, they fully expose ...


4

If each combobox is always going to have the same set of possible values, you could instead use a DataGridView with multiselectable cells, and change that "Copy to all" button into a "Set Selected Cells" button, so the user has to ctrl+click the cell they want to modify, select the value from the ComboBox and press that Button. This also lets the user select ...


2

Wow! That's an impressive settings table! Even a little scary. From the looks of it, I'm assuming this is a proprietary app you can't tell us too much about. But I'll pose a few questions just the same. Is the position of a cell meaningful to the user? If it's important that they understand how a unit relates to two relational axes, the grid presentation ...


1

This is an old question but there are some great solutions in 2015 for this UI/UX.... StackExchange sites including this one... Trello - choose upload option or paste in URL Popover/Modal... Gmail Pick from existing upload or gallery Gmail Upload from remote server by pasting in a URL - Preview is shown after it downloads the file for you ...


1

Is this what you're looking for? In this one I grayed out the end time box because Run until completion is selected by default. To make it easier for the user, I also put a default value into the text boxes. For example, for the start time you can put the time an hour from now, or the time that the users computer is least likely to be used (or anything ...


1

As I see it, adding a '>' creates a feeling that you will be redirected somewhere else (another view!), you dont really expect a dropdown. I always apply the common sense in this case scenario: When collapsed: "V" When expanded: "A" these are self explanatory


0

My suggestion is to split that large form into smaller sections like blocks of fields (related ones in one group with maximum of 10 fields). Step1: - Step2: Email: [ ] Confirm Email: [ ] Date of birth: [ ] ... And so on. Hide(minimize) them all except the first one. Create a NEXT button at the bottom-right of each one to open the ...


1

As far as length goes, they should be as short as possible and they should be understandable by whatever your user base is. So the length also depends on your user base because you may need to add more or less of an explanation depending on your users. Also, as DA01 said, you should make sure that your UI actually needs them, rather than needlessly ...


0

Is it necessary to be able to add a country individually, as I thought in this particular example that dress sizes are grouped into US, UK, EU (Italian, French, Spanish, German, Swedish, Dutch), Russia, Japan, Korea and s-m-l? Is it the user's task to enter data in the table? Or to use a filled in table and extend it's usability with extra colums/rows ...


0

Perhaps one could click on a region on the t-shirt to select the part he/she wants give measurements for. After this, one would see the different size that he/she has already given for said part and a button that allows the user to add another size to it all. When going back to the general t-shirt page one would see an overview of each size with the sizes of ...


0

I think you should let the admin stay in the Survey Page and choose themselves whether or not to close it and return to the Survey List. Number 7 of 8 of Shneiderman's "Eight Golden Rules of Interface Design" Support internal locus of control. Experienced operators strongly desire the sense that they are in charge of the system and that the system ...


1

Yes the position of icons is critical in buttons especially if you are working multi lingual applications. Having worked on web applications with Arabic as the primary language, I can tell you it is important that the right-to-left culture or vice versa is reflected in all aspects of UI, including placement of icons.


2

My preference would be to place the icon on the left. But if you need to have it on the right, it would also kind of work I think (but not as well as on the left). When collapsed, it should point to the right ">" When expanded it should point downwards "V" As regards expanded / collapsed state - from my (limited) testing with business users it is more ...


0

Why do designers do this? Concealing information in this manner helps designers display content in a way that's manageable and complies with relevant theories on how users seek/consume content. Is it good UX? Yes, see: Information scent Studies show that users will continue to search (read: click through) for information that is more rewarding than it is ...


0

Another reason for a Read More button is to allow the site to show an advert within the body of the article without creating a "false floor", which may lead users on mobile devices to erroneously believe the article to have ended. http://www.nngroup.com/articles/ad-placement-mobile/


0

Firstly, being registered and being active are different. You can have registered customer who are not active in your system. Active for shall be used for the customer who are active in your system. Being precise and relative are not the same thing. Registration date can be shown absolute (DD/MM/YYYY) or relative (x +- 31 days/hours etc..). The other ...


0

When I was at Microsoft and we were building the UI component libraries I tried a little experiment, that is, I held back on the DataGrid & Tree Control(s). I wanted to see how the user base would react given well these were expensive controls to make as well. Something interesting happened, ListBoxes, Radio + Checkboxes were starting to be used in some ...


1

Credible source: "About Face 3" - Chapter 21 http://www.amazon.com/About-Face-Essentials-Interaction-Design/dp/0470084111


0

You can find the definition for UI elements on the link below. Here is how the checkbox and radio buttons are defined. Checkboxes Checkboxes allow the user to select one or more options from a set. It is usually best to present checkboxes in a vertical list. More than one column is acceptable as well if the list is long enough that it might require ...


2

I think what you're asking for is a canonical set of definitions/guidelines for standard UI components. To me, a useful set would be: Concise, so readers can refer to it quickly. Precise but not too technical, so that it can be useful for both professionals and lay audiences alike. Comprehensive enough to cover all major controls but not so pedantically ...


3

There are a couple of websites that inform you about UI components and patterns. I am listing the most useful ones: 1. Welie A comprehensive list of UI components, principles and patterns segmented into user needs, application needs and context of design. Their library consists of Navigation, Search, Data, Shopping, Input, Feedback and Miscellaneous ...


0

I think most of these items are still skeuomorphic elements from a time before the visualized consumer computer: A floppy disk A phone icon A radio button Folders They were helped to accomodate for the big leap into the digital world. Nowadays most of those items are really outdated or bluntly unknown (floppy, the classic phone icon). So that will ...


6

So the chosen answer, while good, is incorrect as regards this particular screenshot. I am actually responsible for implementing the button in the screen shot. I can't speak for every site but I can say that the thought process (as far as I know) is basically the 3rd option given by tohster. QZ only shows the read full button when you navigate directly to ...


1

It depends on the reason you are using an icon in addition to the Text. In the examples that you have mentioned, I see two different reasons why the icon has been included Icon is being used to visually represent the task. Like you have done for the Shortlist button. Over time users would recognise the icon and not need the supporting text for their ...


5

I had a similar situation when I was designing an accordion menu. here you can find the related article. For navigation items such as previous and next I would use the icon based on the direction i want to point. (right placed icon for next, left placed icon for previous). For other cases left aligned icons feels more familiar.


1

To me, it depends if it's to perform an action or for the flow. For the flow, you'd want to "point" people in a timeline direction (as with the next button, where the arrow is after the text), where it a "back button" than the arrow would be in front of it, as per convention. The position of "actionable" icons, to me, doesn't seem to affect a whole lot, as ...


1

you need a different approach here. The user is probably only interested in exceptions (red, orange, blue?) so you should render the display differently. I would advocate having a simple traffic light screen with each colour having a number beside it green (14), orange (3), red (2), blue (1). On click user goes to listing of all the issues of that ...


1

One thing I like to always do, is looking at if from the other way around and simply go mobile-first, so it definitly makes sense to try and do this exercise. The limitation of mobile phones lets you focus on the really important parts. When going to a tablet or desktop you'll notice that adding stuff is much easier than removing stuff. For the tables, I'd ...


17

There are a few reasons: Robot defense. Content sites (e.g. news sites) sometimes use these buttons to provide a rudimentary defense against content scrapers. By showing only part of the content they prevent scrapers from loading the page and parsing the article. This is obviously very crude, but it is still effective. Affirmation of user intent. ...


7

Quite the opposite, there are several good reasons to do it. Take a look to this article (I don't fully agree with all of it, but you'll get the gist of it) They are important for several reasons, most importantly because they allow designers to compress content on the home page. By compressing content, you fit more content in less space. This means ...


2

1.1 You seem to have space for a [ haggle (3 left) ] there. I believe that does it. 1.2 A "send haggle" button would be more clear. Don't use the counter inside the send button, though, inform that elsewhere. "You have 2 haggles left" 2.1 replace the "Send" button with a "get more haggles" paired with the above message changed to "You have 0 haggles left". ...


1

I do like the article by the NG group and how you implemented your tool tips. In general I am not the biggest fan of tool tips because they are pretty useless on touch screens. I do agree with how you display the tool tip on the element rather than on the column or row name. Here's something you can do to allow users to discover them but not have them ...



Top 50 recent answers are included