17

There isn't really a standard or convention that define these terms, but there's some sense in how these often differ. Flow First, the term flow denotes a non-linear path, i.e. one that branches. Then, flow in UX denotes through the system. Meaning that the analysis makes use of the system templates (either existing or those of the design). Task Flows A task ...


15

In your experiences, what has worked well, and what would you make sure you never done again? Works Well: Be a designer who develops AND a developer who designs. White board concepts and solutions with developers as you either flesh out features or solve technical solutions. Be willing to bend and compromise and stand up for your ideas. Expect the ...


15

As msparer suggested, Stating the main action first and then offering context/side effects is a very good step to take. The other thing I'd definitely do is to label your buttons descriptively. It could look something like this: Are you sure you want to close all transactions on terminal x? Closing will also print the transactions of 11/20/2014. ┌───────...


13

Some names could be... Progress Bar (although it can be confusing in certain contexts, in my opinion) Multi-Step Indicator Step Progress Bar Segmented Progress Bar Step by Step Progress Bar Progress Meter Progress Tracker Progress Indicator Checkout Navigation Form Navigation Step Navigation Navigation vs. Indication If the steps are clickable links I ...


13

Custom HTTP error pages improve web sites' experience, security Opening paragraph: Every web server can display HTTP error pages, but default error pages don't provide useful information to your visitors. Some error pages may even leak sensitive information about your site, such as URL or file paths, database details, and even code. But you can replace the ...


9

I agree with Igor-G that one conversion type (getting a new signup) is more valuable than the other (an existing user logging back in), but I think the primary reason is slightly more complex, and would still make sense even if the two we're of equal value to the company. It's a function of how much each user-type's conversion likelihood can be influenced ...


9

When deciding between a modal and inline entry, consider what is communicated to the user by your choice: Inline Blank Entry "You're going to be doing this a lot, so we don't want it to be a big deal." "Don't worry too much, this is easy to fix if you make a mistake." "We expect you to enter multiple items." Modal Dialog "Please focus. This is too ...


8

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 ...


8

You can group all tasks that have to run simultaneously. Something like this: When "Add task" under "When complete..." is clicked a new task is created in a new group and the button changes to "Add simultaneous task" like the group above.


7

A problem I see there is that the initial action has an implied consequence that might confuse your users. According to your mockup, the transaction day gets closed as soon as the data gets printed. It seems like "Printing" is the main action and closing the transaction day is the side-effect. It really should be the other way round. Name the CTA "Close ...


7

Allow 2 views: Sequential view for displaying orders by sequential steps, and a production floor view to show bottlenecks and throughput. Since you can't have a strict order across all steps, have two ways to view the world: at the order level, and the production floor. They serve two different purposes. In either view, you can indicate on the left how many ...


6

Workflow is a set of steps to reach the goal. It's a general term (Workflow). In UX field you can see both terms Task flow and User flow are used mostly interchangeable. For me Task Flow is a good name for the results of Task Analysis technique. At the same time the results of the User Analysis techniques (in narrow sense) are User Models, Persons, but not ...


6

I started out doing front-end development, and shifted into specializing in UX so I spent a lot of time doing the Photoshop/Illustrator to Browser routine. When I joined the team I'm on now, I had to adapt to an Agile environment and have managed to find a balance that works well. Mind you, on the small team I work on I'm one of those 'unicorn' types that ...


6

The social accounts anyways confirms if the user wants to log in to the service with the current account or not, so I see no issue or security concern with not linking the social accounts if the email address is same as the one the user signed up with. It is always a great practise to link the account if the emails match and that is what the user mostly ...


5

I've heard and had this talk too. In my view, people walk away from wireframing and designing in Photoshop or any other tool because with RWD we no longer design for a fixed width. Some people also walk away because they think creating mockups and then designing and then developing seems cumbersome. So then what you do? The answer I hear the most is 'in ...


5

Breadcrumbs are good for storing information. It will make easier to remember the path of the information, not only navigate around them. It enables you to cluster the information.If you have not much information, you do not need breadcrumbs but you ll need it when you are dealing with complexity. Breadcrumbs tells a lot about how the information ...


5

I always go by the rule Chapter is to Tab. Paragraph is to Collapsible Panel. When you have 2 hierarchies, the broader of the two levels are tabs and the other ought to be for collapsible panels. For complex applications, there are more than 3 levels. Whatever you do, don't implement the same UI division to the next immediate generation. This means that if ...


5

I think the main goal you're trying to achieve is to streamline the content creation process. A possible solution is to split the content creation process to two mini-steps: First just offering a text box to spill out thoughts, encouraging users to invest in writing (because the required investment is low) Second, after the user commits (saving the card) ...


5

Because you want to keep it as simple as possible Great question! I've had a chance to actually test it with one of my projects. We had a single form which required email and password, and we wanted to make it as easy for our users as possible to sign up. So if you wanted to sign in you just entered your email and password and you were in. On the other hand ...


5

"Avoid Blank Slates" Alan Cooper says you should avoid blank slates: Timid applications are reluctant to carry out any forward motion without someone directing them in advance. But most people would rather see the application take a "good enough" first step and then manually tweak it to what is desired. This way, the application moves the person closer ...


5

The time when user requests for the email change, send them the confirmation link and till the time the new email ID gets confirmed, treat the earlier email address as the primary email. Just make sure that you are mentioning this to the user along with the status of the email addresses. Keep both email address by disabling the earlier email ID after the ...


5

I feel like you're going about this the wrong way, you should ask the creator of the button, prior to any implementation, the questions if it fundamentally relies on them being in the right country and having registered for Stripe, something like this: This prevents them from placing a button that potentially would not work, on their site in the first place....


4

It is called a Progress Bar or Progress Meter. You can find slightly different implementation of a progress bar on UI Patterns.com


4

A flowchart is a flowchart regardless of which device it is viewed on.


4

Off the top of my head, I don't know any other stores that do this. However, your idea of not switching over to another page makes sense. If I were to go through a person-to-person interaction in my mind, it would sound something like this: "Customer: I'd like to buy one of these shirts. Sales: Great, what color would you like? Customer: Red please. Sales: ...


4

if you want to let user focus on one button, i think there is a way to do it. like below, when you click edit, the button will turn to "cancel". If you don't want to save your input, you can click cancel. but if you want to save it, the save button is right below the content(click it ,the item will draw back and open next), you won't miss it if you finish ...


4

Besides math- and image- captchas there is a rather new approach from google that recently made its rounds through various newsletters. They call it "reCAPTCHA" and its based on the idea of seperating bots from humans by a single click. While I still don't know much about it myself yet I still hope that this approach will some day make it to the real world ...


4

What is the norm for this type of flow? If we could define a norm from a business and user's experience perspective, then it would be something like "Help the user to open his/her password recovery email". This means not to distract him with anything else and guide him/her (more on this, below on wireframe). What is the average user's expectations through ...


4

I would go with the second option. It's unobtrusive and flexible. And it doesn't nessesary have to be a modal dialog, it can be integrated directly into the form so that you the user don't loose their flow.


4

I wouldn't say that there are any security concerns because if access to the e-mail is required in all cases, you know that the user should be owner of both accounts. However, the user may not want to link the accounts for whatever reason. A lot of times this may just be paranoia of granting additional permissions to your site that they'd rather you not ...


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