Hot answers tagged

58

An interesting question, and one that I think many of us might have pondered before without really diving too deep into the possible issues. From a purely design perspective, I can think of a number of plausible reasons: Convention: the first person did it this way, and then everybody else followed because "that's how it's done". Safety first: separating a ...


28

People with Parkinson Disease (or PD as it's also known) need special considerations as you correctly figured. However, keep in mind that most of those considerations are covered by special peripherals rather than specific UI. As a matter of fact, just following common WAI- ARIA guidelines is more than enough. Keep in mind that, like many people with ...


16

Both Find and Find and Replace are related functionally as you mention. But both actions seem to be orthogonal in terms of what user need (mindset) they cater to. You will know in advance either you want to find something or you rather want to substitute occurrences of something. In the latter case it just happens that you need to find occurrences of the ...


13

My father has late-stage PD and after watching him use his Mac for the last 15 years here are some thoughts in no particular order: Assume the user can't use both hands or combinations of keys. My father uses his non-dominant hand with a track-ball because it shakes less, but has to use the keyboard and click with the same hand. Try that one out yourself ...


8

Use a tabbed container for the filters A common and acceptable way to separate filter options, is to user tabs (or versions of tabs) This can often be seen on travel websites, where users can search for several different services. With this method, it's only possible to submit one set of search criteria at one time. Put each set of filters in an ...


8

If you can expect your users to be power text editor users, for example programmers, then it makes sense to combine these dialogs into one, or, even better, make it a toolbar and show real-time results as you type. This is an expected feature for development tools nowadays, as it speeds up the editing process greatly. IDEs (integrated development ...


7

Since the issue is the relative position of the bar, you could try fixing the bar by keeping it in the middle. Something like this : It also has the advantage of representing the fact that the goal is fixed and not moving, while your performance is.


5

I think you should go a week or so using some of the peripherals that these patients would use. You probably know UX as you experience the web, but you should get to know the challenges that they face when they're not using a mouse and a screen. They might have a hard time reading on the screen because of the shaking, so maybe they use a screen reader with ...


4

In this use case it appears to be the users job to consider every case. Then visibility is a reminder and a positive. Accordions / tab panels would mean extra clicks and potentially hide reminders I'm going to assume that that UI is well presented visually. Font size, spacing, etc. Also assume that keyboard control is optimal. Then few things can do A ...


4

Summary: Carousel control has some drawbacks on mobile. More straightforward solution could work better. Still, A/B test is the best way to evaluate the idea. Some consideration on using carousel control: Interaction style People interact with a mobile in a specific way. You can find some insights in the How Do Users Really Hold Mobile Devices? ...


4

Wireframing and prototyping are exceptionally useful and underused tools in the tech world. Website and app wireframes are useful to determine the layout and overall look and feel of each screen or page. Prototyping is an effective tool for validation and as a way to test your development company. Wireframing Wireframing is probably the most well ...


4

I see this as new behaviour. Without an old install of MSOffice to test I can't be absolutely sure, but in the past find/replace dialog boxes were often modal, and covered quite a lot of text. For find only tools this isn't necessary - they tend to have 2-4 controls of which only one is a text box (wide). Replace requires at least another text box and ...


3

I'm going to lift a quote from an answer over at DesignerNews: Framer, After Effects, Cheetah 3D (yes, really!), Hype, Photoshop (for hacky GIFs), Quartz Composer and Form are all worth taking a look at. On top of that, not from personal experience but from asking around myself, I've found "After Effects" to be the answer very, very often. There are ...


3

If you're looking for user friendly, then browser's back button should suffice, it's a known and expected behavior, and for one level navigation, it's what most users will look for. Now, if you want to keep context, you could use a modal window, but that will also depend on the content you have for those services and also the kind of behavior you're looking ...


3

In a similar line to the nyt solution for a more complex diagram I would, for every answer, write a sentence( do you like green - yes - no // you like green) And when the user makes a choice put them on clickable cards on the top as you would breadcrumbs. This way you can have the question centered, allowing the user to focus on the choices being made, ...


3

I would put this on a comment but I don't have enough reputation. In your case I believe the problem is you don't have a good UI for the small actions defined and want to solve it through keyboard shortcuts. Maybe you could rethink the whole process, simplify it an then think again about the shortcuts? Why does it take so many clicks? How many panels can ...


2

What is the ideal scenario for test and save buttons? Another way of approaching this is instead of having two separate buttons for 'test' and 'save', is to incorporate the test connection into the save functionality. This way it becomes more of a validation process (the system prevents you from failing) rather than putting the burden on the user to ensure ...


2

Here is your solution as per my point of view. See the image below.


2

One design options you can look into is using a dropdown call-to-action for your search button. So by default you can present the input elements for one type of search, and when the user selects the other search type you present them with the alternate set of input elements. download bmml source – Wireframes created with Balsamiq Mockups


2

Here is my suggestion. I hope you would like it. And here I gave 2 option i.e. 'paging' to show fix number of comments or 'load more' button to show all the comment at a time.


2

I agree with your third approach - but I think the way to remove your concern about importance is to use a clearer visual hierarchy on your calls to action buttons. At the moment, all three of your CTAs are look the same, so the user will see them as equal importance. If you make them visually distinctive, you can make it clear what is the primary CTA ...


2

Find is sensible with a non-modifiable document. Replace is not. Historically, was "replace" greyed-out or not displayed in read-only mode? Maybe back when there was only space for one copy of the document on the 720k floppy disk? These days, it's normal that the document's text is always modifiable and it's the file that is not, So it is "Save" that is ...


2

While this is quite subjective, there are some guidelines on color based on frameworks or design philosophies. A very common one nowadays is Material Design Colors, which basically uses a primary color, a secondary color, and an accent, mixed with shades and tints. Similarly, Apple Color Guidelines are a must read resource since it has more theory, which in ...


1

It is a good idea given that a product image alone is sufficient for the user to follow your recommendations. It'll work for cloths but might not be effective for hardware. The latter example will require adding some detail. And the presented design will struggle if you have anything more than a line of extra text below each image. Assuming that image alone ...


1

You can use "breadcrumbs" which is very common and useful. It takes less space(unless you style it heavily) and users can easily navigate to various pages.


1

Optimize navigation Make sure users could logically tab through each control and make selections without the mouse. I think it could also help if each dropdown supports type ahead to pick faster Consider Templates? Allow users to save the object description as a named template. Next time user could just pick the template and all of the fields could be ...


1

A good idea for this problem is defaults. There are two ways you can do this, observe common patterns in the selections and provide them as a set options, the selection of one of which would autofill all of the options in the six drop-downs. Or, you can let users save their defaults, meaning they could configure common option sets and re-use. It would ...


1

You may try a multi-record grid that each record has a list box with 60 options and a text box. You should make sure that the same option is not entered twice. When an option is selected, the next record will not display that option in the list box. download bmml source – Wireframes created with Balsamiq Mockups


1

Common requirements: I have identified common requirements/patterns for the "dialog" concepts I came across. OK and Cancel buttons Close icon in top-right corner (same action as "cancel"?) Hitting "escape" closes the prompt (same action as "cancel"?) User can move popup around using drag n drop Confirmation dialog must be enforced by ticking a checkbox ...


1

Common requirements: I have identified common requirements/patterns for the "login form" concepts I came across. Use OAuth/OpenID for authentication have the login on overlay: removes the background image issue as it is often hard to have a responsive background that does not get ugly overlaid by the login box in some resolutions username input label ...



Only top voted, non community-wiki answers of a minimum length are eligible