New answers tagged

2

The best user experience is the user just uses the app without performing any other additional unrelated task like creating an account, logging in or choosing to save locally. So perhaps allow the user to use the app in demo mode from the get go, and store anything they create on your server (there are still ways you can create temporary accounts that ...


1

How about not using the pointer at all but switch controls directly as the user scrolls. So by example if your application has two buttons horizontally in a row and an input down below scrolling left and right will toggle between the buttons and scrolling down will toggle between the input and the last button selected. I remember to have seen this on ...


0

Applying watermarks on the page will make the content lose its readability. Even though the users are familiar with the approach - we all know it creates discomfort while understanding the design. Using dummy labels will help the techi people to assume that the content is dummy, but think about non-techi user - they won't understand it or it will take some ...


1

Yes, I think using words like "Preview" or "Sample" are familiar to users and therefore your dummy data will be recognised as such. The other approach you could use instead of or in addition to the above is to use labels/values that clearly make it obvious. For example, John Doe and Jane Doe make it obvious, as would XYZ Wizard Corporation or Acme ...


-1

A trackball is not that much different to a mouse. I know people who use a trackball (mainly because they do not have the desk space for a mouse) and they are just as accurate as a mouse user. It might take a little bit longer to be proficient with a trackball, however the behaviour will become second nature quite quickly. The software to support ...


1

I'd give the user 3 options; continue process, including corrupt data continue process, exclude corrupt data from the computation stop process, allowing user to replace corrupt data As you've already noticed, people (e.g your and colleague) don't always agree on the best solution. In which case the best solution is to let the user decide. Not just on a ...


2

There is no one general right answer for that debate. It depends on the nature of the result expected : is it modular ? or is it a general decision ? Let me give an example : in medical domain, these images may be images of patient tissues, and the output required is a general decision : does the patient have certain type of tumor or not ? In such cases, ...


2

To be honest Violet, you haven't provided enough info in your question for anyone to offer a definite answer to your particular problem. The way I see it, the answer will depend on the following variables: What does processing the images produce? - For example, if it produces an animated GIF image for use on internal SharePoint sites, that's less critical ...


0

Stick with Convention Taking two top examples, see Amazon and Netflix below(Netflix isn't exactly Ecomm, but it's certainly a site optimized around personalized consumption) it's fair to say that delivering personalized content as a main and prioritized component of the page, is a technique worth considering. Avoid Technical Issues Designing a ...


0

I think you are very close to identifying the solution. The Requester and the Approver have different goals, so can use different tools to meet those goals. For example, the Requester can use a wizard to capture information (because Wizards are very good at guiding users though complex or critical things), and the Approver works from a list and is ...


0

I would move the pencil icon next to the X or delete icon. I would also try to use the word Edit and use a different color.


0

Lets look at this way. Arrow certainly indicates a sub-nav, but few things need to considered - 1) If your navigation has some other items that do not have a sub-navigation, then it might make good sense to add that arrow to differentiate it from other nav categories. A good example could be Amazon (check screenshot) - See how the "Shop by Category" nav ...


0

To be honest, the number one thing a user expects after subscribing to something (be it a newsletter, service, etc) or after submitting data (be it a form, uploading documents, etc) is a confirmation that what they've just done was successful. Now, how you do this may be restricted by your requirements (yours, your client's, the company you work for, etc), ...


4

I don't agree with the others about the edit and the delete needing to be closer. The edit,as I understood, is for the attachment name only. The delete is for the entire attachment. There is no option to edit the entire attachment. So - the delete action refer to the entire item and it shouldn't look like the item's name edit action. I suggest merely making ...


2

It depends on the context. If you've started watching the content, and then pause, the play button should be centered, and the video image could be darkened to show it's inactive. I tried taking a look at the site, but as I'm European it won't let me see the actual video. What I did see though, was a bunch of thumbnails/links. And in those cases, yeah, I ...


1

The answer is rather subjective and depends on what those features are. For example, if your app is in the MVP or Alpha stage and lacks important functionality such as Checking Sent Items in a Mail App. If your app lacks this feature and you decide to have an Action for it, saying Sent Items and show a message there that this feature is coming soon - It ...


0

As a compromise, I suggest you put a visual sign: one arrow for a start (and only one) in a distinguished place, like next to the home button. That indicates that all the next buttons are dropdown menus. I said arrow for a start, but it doesn't have to be an arrow.


0

The view and edit functions should be closer together. The attachment button takes up a lot of real estate.The disclaimer can be by itself. The trashcan icon is more explicit.


2

There's a big difference depending on how you do this. Frustration As you mention (just a link, and when they click the user finds out the feature doesn't exist yet) will probably create a lot of frustration and the potential loss of the visitor. Anticipation However, NOT HIDING it, but making it a prominent part of a page, will create a sense of ...


0

Change the color of the pencil so it contrasts more. The blue is okay, just darken it a bit so it has similar visual weight to the X. Move the pencil much closer to the cross. Right now your buttons are all over the place; one left, middle, right. By moving the edit next to delete you create sort of a modification bar. I'd also make the view/detail button ...


5

There are a couple of areas within the layout that is probably causing some issues. You have both edit and delete actions laid out in different fashions Your edit button is very faint and difficult to spot To fix this, I would recommend implementing an actions area which would clearly show what possible actions can be done for each attachment line item ...


0

As a user i would feel more comfortable if it the form autosaves the things that i am typing in every field and the publish button stays always there and after i have finished by pressing it, my changes get published. Or you can change the button save to say draft and stays static, when pressed it saves the draft.


0

The priority of the merchandiser should always be to make the list of recommended items available to the user without interrupting the natural flow of the eye. The term available is emphasized because it should be there as a part of the composition of the page without unwanted artificiality, that the user shouldn't feel like it is being forced onto them. A ...


2

What about simply do not use shapes for tags. Shapes evoke affordance (the idea that an object is usable in someway), while simple text does not. Check the image below. download bmml source – Wireframes created with Balsamiq Mockups


0

You should use the correct icon to convey the image of a tag. Some simple examples are below (to be scaled down). Personally I like the rectangle with a folded ear. I remember having seen a Stack Exchange site which uses them in a more stylized version (B&W), but I can't recall which one.


1

Simply put, HCI (Human Computer Interaction) is basically the way humans interact with a computer and usability is determined by how easily user is able to learn and accomplish a task while interacting with the computer via its UI. If the UI is not usable, the cognitive load on the user is high, the user might end up not using it at all.


3

I think the main problem is, the shape of each tag (i.e. rounded corner with inverted color) and the way they are presented together, makes them look like they are clickable keyword tags that people. The only way to eliminate the possiblilty of people clicking on it is to get rid of that perception of affordance. Keep in mind, the inverted color also ...


0

From your observation there is clearly a disconnect between the way the tags are styled and the users' expectations of what the interaction with them should be. Without knowing what the rest of the UI styling looks like, the only suggestion is to align them to other static UI components to avoid the confusion. You can also change the mouse pointer behaviour ...


4

Usability is the practice of taking human performance, human cognition, and collaborative group dynamics for maximizing the ease-of-use of a system. That system can be a human-computer, human-machine, human-human, or any additional combination of human(s)-thing(s). The field has its origins in the 1960's and 1970's of Human Factors Engineering, and has ...


1

Perhaps you could use several Gantt charts. One could show the general categories for tasks overall for the project. Then you could make individual Gantt charts for each category of tasks, those would be more loaded up with tasks. That might keep it easier to digest, understand, and use.


0

Yes, you need arrows. All touchscreen devices cannot hover, so you must include information about the nature of a menu item, as it cannot be discerned or discovered by hovering. Some might argue you could/should detect if it's a touch device and then add the arrows. No. Because: A user might have their touch device set to spoof as desktop browser A user ...


2

If you think of a scenario where the forum is business critical, then it will hard to consolidate the essentials elements for the forum. If you compare graphic design forum (GDF - a good forum for designers) and stack exchange (SE), the philosophy of both are same — a platform for people to ask their questions and get engage with solutions from others. The ...


2

Gantt charts do take a while getting used to, there's no doubt about it. Most of my experience with them has been with Microsoft Project, which is very good at what it does. One of the things about gantt charts, though, is that they require a considerable amount of upfront planning. This kind of planning requires you to know the details of all tasks and ...


8

It used to be that arrows were preferred as they provided a visual cue to users there was more to the menu if they clicked on / hovered over them. Over time web developers started making these menus activate on both a click and hover, in which case the arrows aren't necessary as users by default will click or tap on a menu item. If doing so then reveals a ...


0

I'd add one or more of these changes to make it more clear: make the three new textfields and the button appear in the rightmost part of the screen, just where the button "Change Password" disappeared; add a "Save New Password" button, just above "Cancel"; deactivate the "Save" button after the user clicked on "Change Password". Reactivate it again once ...


0

I suggest it will be a multi selection drop down on the top of the settings, titled with ( please select items to apply settings to ) or something like that . but it also depends on how many items in average you will select . and does the settings change based on selected items or not


1

I think the way you've displayed it will work properly and people will understand it. However, I would suggest to remove the save button, because there won't be anything to save in the first image. Make this button the "change information" button, and once a person clicks this button, you change it to "save changes". Not every user might notice the fact ...


0

Security Cost cutting and lack of necessity is surely part of the answer but I just wanted to add, security. With one less lock there is one less point of failure where a car thief can punch in the lock. (also mentioned in this thread on the same subject where "jcasa" points out the same thing)


0

You could take a page out of desktop ergonomics and go for a split keyboard. It looks like iOS has beat you to this concept for touch screens, at least for the iPad. If you're lucky though, they won't sue you. If you're very lucky, they haven't even patented it.


0

My suggestion now below. Group and project hierarchy on the left, group names bolded to show difference between group and project. From the group row you can see which group attributes exist for the group. From the project row you can see and maake activate/inactive the attributes for each project. Borders added around group attributes to show the ...


1

Some thoughts What could make something stand out? Different size Privileged Location Standout Color More "Movement". (e.g: lights changing on and off as in a electronic billboard) Alignment etc. These characteristics has to be analyzed within the context they are in. For example, if you are in Las Vegas everything it's shinny so it's very difficult ...


0

Imagine that you have dbl click on single click I mean your mouse need a repair i.e you click once but mouse behave like you made a double click so then what? Maybe if some object is valuable, to delete user must type the name to confirm? Inspiration from deleting repo on GitHub


0

RuneScape has a pretty good idea here, honestly. Items can be dropped by right-clicking and selecting the "drop" action. This would drop the item to the floor, which can then be picked up by yourself for the first minute, and after that by anyone for another minute. If the item was not tradable, it would just disappear after a minute instead. If the item ...


2

Your concern is warranted. The right hand column is often filled with ads, so users have been trained to ignore the right hand column. This also agrees with the widely cited empirical data that shows that users typical scan a page in an 'F pattern.' The following article by the Neilson Norman Group (a reputable authority on usability) gives some pointers on ...


1

How about a right-click? Do you store the users control options? Maybe you could give them an option to use double-click (or maybe even right-double-click) without the warning from now on, after their confirmation.


4

Double-clicking buttons is odd. Usually, in the OS, double-clicking is a shortcut for clicking once (selecting the file) and selecting "Open." Rather than an "Are you sure?" confirmation I prefer an undo action. Confirming every action you take gets tedious real fast, and after a while users click the "Yes" button without thinking about it. Undo, on the ...


12

As you have pointed out, the double click is not a standard behaviour that your users are familiar with in the situation you are describing. It's not good practice to use non-standard interactions where you could use a standard one. Irreversible actions (such as deletion) are usually followed up with a 'sanity check' like "Are you sure? [Yes] [No]".


2

The idea of including a search to filter the list of items is a good one. Below is an example taken from Google Analytics. The tooltip is a nice touch in the event your users need help setting up the report. You will likely want to indicate (by color or other indication) which items have already been selected.


0

You may try the following : Since you cannot create meaningful categories, you can create arbitrary categories i.e. alphanumeric : A-D, E-K etc. Display the 5 most frequently used in a separate list The search you are thinking is a very good idea


2

Header If you have a lot of records then probably good pattern is to keep the always header on the top of the screen and records to be scrolled "under" it. Action bar as a footer Then good place for actions and well as save/cancel button is bottom of the screen not a bottom of table. When you select item and scroll pane action bar remains. Multiple ...



Top 50 recent answers are included