Tag Info

Hot answers tagged

20

Why do they need to know what the server does? All they should need to know, is that the picture is ready soon. They should not have to press reload themselves, you could handle that for them. You say there is an empty thumbnail while processing. That is a great start. All you need to do is to explain why it is empty, for example with a loading bar or ...


13

The use of the progress bar pattern is helpful if a user would benefit from knowing where they are in a multi-step process. As you noted, it should not be styled to look like links if it is not clickable. Here's an example from the Yahoo Design Pattern Library:


7

I like progress bars with stepped copy. download bmml source – Wireframes created with Balsamiq Mockups


7

My rule of thumb is that I expect about 1/3 of participants to not show up (this doesn't count people who need to reschedule). Occasionally you get lucky and everyone shows up, occasionally you get unlucky and have a horrible no-show rate. There are some items that impact my 1/3 no-show rule-of-thumb: The more difficult that the group of participants is ...


6

There are some great ideas here for what to display during that 4 - 5 second period. But that period doesn't have to exist at all. The only thing that you really need to process immediately is the information that's going to be displayed on the next page load. Everything else can be offloaded to a background process. This approach would eliminate the need to ...


6

Rather than trying to display this audit trail in a single, very large and complicated diagram, consider presenting it as a log with a simple diagram for each change. In my wireframe below, I am showing the history of a single task. For each record, I am showing a brief description of who did what and then illustrating the flow between steps with a basic ...


4

Pattern libraries are great for discovering how other people think about problems, and showcase their solutions. They won't always have results, but it'll be more effective than asking for examples on a UX Q&A site. A quick search on Dribbble: http://dribbble.com/tags/loading Here's an example result for Flight Tracker: ...


4

I completely agree that refreshing the page will give the user a negative user experience. The ideal scenario is to add some icon that will indicate the user that something is happening in the background. A progress bar gives the user a feeling of "how much longer I need to wait" and a "it's almost done" feeling. If there are signs of this, the user can get ...


4

When used for defining the undefined, they tend to produce an abundance of features. It sounds like you're doing well on the brainstorming part--great!--and need a process for refining and selecting which ideas to implement. Here are three quick ideas: Prioritize the features based two axes, for example, "impact to our customers" vs. "difficulty to ...


4

Nouns are Objects Most likely Nouns in this context are entities which exist in the task domain. I see direct parallels between Noun and Object in OOP terminology. An Object incapsulates attributes and methods. Noun contains Attributes and Actions. For visualization Noun use Views. So the Nouns are abstraction tool which is convient for analysis of some ...


3

When you say "visual materials" I'm going to assume you mean non-text documentation. At this state of your project, you need to communicate 3 things to the stakeholders: establish the need, quantify the benefits of meeting that need, and scope the solution. It sounds like you may not be able to scope the solution sufficiently without funding research and/or ...


2

An alternate visual technique is to employ comic style storyboards. You could show how a user would interact with the wireframes. Clients find these storyboards easy to understand. They are especially useful for communicating interaction, and users' emotions. You will find free or affordable tools for creating comic strip storyboards, e.g. ...


2

Maybe a little simplistic, but this reminded me of Domino's Pizza Tracker: It doesn't really address the deliverables and dependencies directly, but with pizza it's a little easier to figure out ("pizza needs to be prepped before it's baked. The outcome of a prepped pizza is dough and toppings ready to go into the oven", etc). The progress within the ...


2

I unfortunately cant present screen shots of the the presentations due to NDA reasons,but I usually partially color the phase to demonstrate how much as been done eg:


2

I've started to change my practice from static mockups and wireframes to doing dynamic prototypes. It gives customers a concrete visualization that they can click around and see how things move and change. You know both you and the customers are talking about the same thing, and you can have good conversations about next steps. You can get pretty far with ...


2

Oh boy ... there are a lot of ways to go about organizing your UI elements. You can use screen shots, put them into a files, folder, documents, etc. One approach that seems to work well for us is to have a living, breathing style guide. It is a little more work up front, but in the end it will save a lot of time. The basic premise of the style guide is ...


2

As you are designing the application for the iPad I thought it would be helpful to take a look at the some "IOS Human Interface Guidelines" from Apple. 1.-Minimize the Effort Required for User Input "Inputting information takes time and attention, whether people tap controls or use the keyboard. If your application requires a lot of user input before ...


2

The best loading screen I have ever seen (from a game) presented the user with a Galaga arcade shooter to offset the 50-120 sec load times. More common (as seen during Windows installations) are the random help/feature dialog tips which alternate on screen at specific % points. For me personally, I wouldn't bother with it for load times under 4-5 seconds. ...


2

The eventual design of your progress bar or spinner will depend upon your site but since you have an idea that it takes about 4-5 seconds for the processing to take place, you should call that since that so that users are informed about how much longer they will have to wait. Alternatively you could look at incorporating an interesting animation like how ...


2

You might be interested in checking the Design Thinking process. It was made popular by the founders of IDEO. A methodology for practical, creative resolution of problems or issues that looks for an improved future result. Unlike analytical thinking, design thinking is a creative process based around the "building up" of ideas. Some interesting ...


2

I've found some of the http://innovationgames.com/ to be useful for this sort of thing. In particular the product box game.


2

For me Use Cases are more high-level representation of a system (who uses it and what functionality it has). Creating use case diagrams are easy enough and quite agile. The general vision of the system is formed on this step. Task flows are decomposition of every task for every kind of user. Without general vision it's hard to dive into details. Here ...


2

Perhaps use a loop to symbolise that steps 2 and 3 could be iterative? download bmml source – Wireframes created with Balsamiq Mockups


2

The usual and simplest way is to take more testers than what you need, to compensate for the missing ones. Once you have all the ones you needed, cancel the others. Easy.


2

There are several different ways I have seen this done, Some companies tell you prior to you submitting payment while for other companies you see that once you have paid and look on the "order tracking" pages. A specific example which I feel works very well is as follows: The company is Very. When you submit an order you are taken to the order delivery ...


1

I have used total time taken using GOMS KLM analysis, which allows you to measure time taken by different types of users without actually testing with users. Below is a step by step process of using that technique http://www.pitt.edu/~cmlewis/KSM.pdf


1

Wood's four dimensions of (task) complexity is a common model in human factors: Dynamism of system Parts, variables and their inter-connections Uncertainty Risk See Wood, R. E. (1986). Task complexity: Definition of the construct. Organizational behavior and human decision processes, 37(1), 60-82.


1

Group brainstorming (which may not be that useful anyway) is probably not the best approach when looking to discover what kinds of new products or features might be useful to people. Why? Because you're a bunch of stakeholders sitting in a room. You're not your users, and you're not in the environments your users are. Your only real tools are anecdotal ...


1

A progresbar is always a good choice! But a progressbar is not necessarily a progressbar. A study showed that (ref) users experienced progresbars that increased the pulsation speed towards the end felt faster than linear ones. Another way you can make your progress bar feel faster to users is to increase the number of pulsations it has. The same ...


1

You sometimes see a message on ecommerce websites while a transaction is being processed. This can include instructions to not press back or reload the browser, which might also be helpful in your case. You could also display a spinner or some indication of progress as well.



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