interaction design – Multiple screens vs single screen

I am designing an online assessment tool where candidates need to be authenticated before they start taking the assessment. The flow is like:

Start assessment -> proctoring guidelines, system check, seek webcam permission, candidate declaration, take identity image to be used for proctoring –> Assessment screen

Here, taking the identity image is a separate workflow with its own set of instructions and CTA. If the image is not proper, the candidate is asked to take the image again.

Now between the start assessment button and the Assessment screen, should I fit everything in one screen or should I break it down into 2 or more modal views? or is there a better way to do it?

interaction design – Combining single- and multi- select drop-down in one form. How to dismiss the drop-down?

enter image description here

How to dismiss the drop-down in single-select and multi-select cases?

For single-select, the obvious option is to dismiss the drop-down on selection.

For multi-select, drop-down should stay open on selection, and can be dismissed with a button, or clicking outside.

Question: Will it be confusing for people to have two models of interaction side-by-side? What is the best strategy here?

Mind that cost of error ((wrong selection) is small. Nothing is saved, or processed, or launched into the space when option is selected.

Examples from the web are welcome in the comments section.

interaction design – What is a good multipress timeout value for pressing a hardware button?

I am looking for a value to specify as a maximum time between presses for it to count as a multi-press when pressing an hardware button on e.g. a mobile phone. An example would be to execute an action by pressing twice (or more) on the home button.

Of course the optimal value will differ a lot depending on the user, but I find the value commonly used for mouse clicks being 500ms, and I think 300ms is sometimes used for double tapping on a touch screen. But what about a HW button on e.g phone?

interaction design – Swipe to see next product in e-shops, is it working?

I recently noticed that a lot of e-shops have change the way product pages usually work. Now when I swipe (on mobile) on a product picture, I get to a new product instead of seeing more pictures of the product I am looking at. To see more pictures I have to scroll.

Have anyone any data on how that works,eg a/b testing? Is it increasing conversion?

Forum Member and Staff Interaction | Forum Promotion

It depends on the forum, really. Most of the communities I’m involved in are informal, so there’s no need to be officious or super strict. I don’t think there needs to be that separation between staff and members in a community like that. Yes, there are times when that distinction needs to be made and discipline needs to be doled out, or situations need to be calmed down, but I think it’s important for staff to be relaxed and informal. It’s more encouraging for members to interact if they don’t feel like they’re at risk of being punished for this, that and the next just because they get a little joke in here or there. Professionalism is nice, but you can mix professionalism with fun.

There are other forums, though, where a professional attitude is necessary. Those tend to be forums related to companies, products, and so forth, so it’s expected, but when it’s your forum, even if it’s a forum that generates income and serves as your livelihood, there’s room there for leniency and levity.


interaction design – How might iOS prevent unintentional email deletion?

This isn’t a problem I’m solving, it’s more of a theoretical UX question.

Twice this week, I’ve checked my email on iOS and accidentally deleted important conversations (which I’ve had to hunt for and un-delete). The flow is like this:

  1. I tap the Email icon
  2. I see marketing emails that can be immediately deleted
  3. I start swiping left on them
  4. Meanwhile, iOS is downloading my newest messages, and…
  5. Oops, I swiped left on them before even knowing what they are

What’s annoying about this is that I check my email in an aggregated view (best feature of iOS, in my opinion) and if I need to retrieve an archived email, I have to go through each Archive/Trash can to hunt for it.

If this was your problem to solve at Apple, how might you solve it?

interaction design – How to take multiple addresses and validate

I am working on an application where addresses will be validated before submission.

Steps are:

  • take address
  • validate
  • if address is correct, proceed
  • if address is incorrect, user will be prompted with few suggestions, user pick one address and proceed

The problem arises when user adds two addresses and validate. Ref to sample 2 where user wants to add a new address.

User can have two different addresses but the current system validates one address at a time.

I don’t want to use popup for adding a new address as the same address component is being used in a popup and opening 2 popups is not viable. Toggling b/w address component may help. What are your views pls.

Sample 1
enter image description here

Sample 2enter image description here

search suggestion – Where can I read about interaction innovations. such as inertial scrolling and infinite scroll

I’m really interested in interaction design innovations but I have yet to find a place to delve deeper into it. I’ve found some places for tech innovations but they are too computer science-y or mathematic for me.

Point me in any direction, be it books, podcast, lectures. Thanks a lot!

interaction design – Is it wrong to have a “loading” spinner wheel in bottom right corner?

As a commenter said, the spinner is appropriate while the system is processing the request or working to delete the list, because the user expects feedback after taking an action.

The issue with placing it in the bottom right side of the dialog window is that 1) it’s not a common place for a user to look to receive feedback, and 2) the buttons are presumably still both active (the user might want to click on them to try to cancel the action.)

Consider changing the buttons to “Delete” and “Cancel” to make it really clear to the user what they’re going to do. “Cancel” should close the window (the user really should never see a spinner). When “Delete” is clicked, both buttons should become disabled; a spinner is OK if the deletion only lasts a couple of seconds (for longer deletions, use a progress bar). Position the spinner either in the middle of the screen, or on the “Delete” button itself.