Hot answers tagged

56

When typing on a computer, keying in a phone number on a telephone, or a PI Number on an ATM or POS, isn't tactile feedback just as relevant as it is for other applications? Absolutely yes. That's why you can't (reliably) use your touchscreen smartphone if you can't look at it. I used to write SMSs doing something else because muscle memory did all the ...


23

There are too many issues with overlaying two different dragable items on the same control. For one - if you want both values to be the same then it's going to be hard to see that there are two indicators, or if you then want to adjust one of them it's difficult to make sure you're grabbing the correct item. If there are only two drag points, then why not ...


20

Advantages A touch screen has the advantage of greater context sensitivity. The sizes, shapes, colors, and labels of controls can change during operation to reflect what is needed for a particular step of a process. Non-touch devices often simulate this by placing a control next to the bottom or side of the screen and displaying a label next to that ...


18

Here are 3 ways to accomplish a high-precision, trace-style outline without the fat-finger effect. Approach 1: Similar to Kit Grose's excellent answer. A mask gets applied, and you can use brush and eraser to adjust the boundary. The only difference here is, if you need to see the detailed interior of the wound, then the mask works in reverse, i.e. the ...


15

I would flip the problem on its head: instead of tracing around the wound, have the user paint a colour over the wound. Give them two tools; a paintbrush and an eraser. This behaviour is similar to the Quick Mask mode in Photoshop and it works great because you can use a very large brush size at first and then come at the sides with a large eraser to ...


8

One less device We use touch screens because it removes the device that acts as a proxy for our hands. Humans act on the physical world haptically—through touch and pressure. A mouse, or other pointing device, lets the user move a pointer that represents a finger. Touch removes the need for the proxy device. It also enables multi-touch in a way that ...


6

I have a critical view on touchscreen usage, but their huge advantage is the flexibility of dynamic interaction and representations. It is not related strictly with money -- you simply can't create some complex transitions with physical controls. Another reason is direct manipulation. It is still not perfect because of lack of tactile feedback and some ...


5

Try using a modified version of the first one, perhaps like so: What this essentially is is the first one, but with a box above to give an elegant preview of what you are currently pointing at. It will be above the user's fingers, and therefore out of their way. The reason I chose the first slider is because it has a bar, which is definitely the best way ...


5

ACM Digital Library (dl.acm.org) is really helpful when doing focused literature review. For more general research you can access Google Scholar search engine. I also recommend a great tool called Mendeley, that keeps track of your research and uploads all your material to the cloud (also generates the citations...) There are a number of papers on ...


5

A little about touchscreen POSes in a service industry environment. They are actually enormously advantageous over tactile buttons for a few reasons. Button assignments change frequentlyIn the older registers with tactile buttons, the function of the button would have to be reprogrammed when an item changed. Not only would the price, item categories, ...


4

Observations The difference in performance between touch keyboards and mechanical keyboards is clear and well studied. This paper shows that mechanical keyboards not only perform measurably better in speed and accuracy... ...but are also perceived better by users: Even pressure sensitive keyboards (with slightly more mechanical feel than touchscreens) ...


4

You can use an offset pointer/cross-hairs above the center of the touchpoint with an appropriate width. This will make allow you to see where the line is being drawn, not being obscured by your finger or hand.


4

Scrolling pattern and navigation largely depends on the information architecture and content strategy of your website. The page scroll UI pattern has been largely used to showcase features of a product and I think it has been misused in this way. In most cases, the features are not peers but are related/dependent on each other. It seems page section ...


4

Apple has published couple of guidelines. With regards to 3D Touch, they seem to be taking hands-off approach on the discoverability because its usage patterns can be quite varied. https://developer.apple.com/library/prerelease/ios/documentation/UserExperience/Conceptual/Adopting3DTouchOniPhone/ Indication of peek availability With a light press, ...


3

It is never really safe to assume anything along these lines. No not all touch devices in the past 5 years will have gyroscopic technology (the feature that registers tilt). I have had quite a few lower end cell phones with touch input but no gyroscope (or other related features like accelerometer). Even if the device did have a gyroscope maybe it will be ...


3

I don't think you can rely on it and should always check if the hardware is present. My best estimate would be that this is, in most cases, true, albeit the devices that are "smart" and powerful enough to run said application. That being said, have you considered the usability part of such an idea, like, how can they discover this gesture? Will they have to ...


3

Touchscreens are great for when you can take your eyes off the road. Which, while driving, is a vanishingly small part of the time. Most of the commonly used functions in a car remain with knobs (NOT sliders which are horrible in a bouncing vehicle) buttons and stalks because you can reach in the right direction, grasp the proper control by feel, and actuate ...


3

What are the advantages to using a touch screen for a user interface in a computing device or a thermostat, compared to an input device that provides tactile feedback? Since you are asking for advantages I will try to just list the advantages here I see: State can be saved and restored quite simple. A physical slider would require to be motor driven ...


2

I'm not sure it is a standard per-se, but it is certainly very common. It's commonly known as "auto correct" but is really just a form of error correction algorithm. To illustrate the extent of what's happening, there are keyboards that take this much farther than merely looking at what keys you're pressing, and actually allow you to draw words: ...


2

Is there a reason why the user needs to see the Saturday menu on Tuesday? If not, present options only for that day (default always to today on opening) and if the user needs to select for another day she can choose the day and then see the options for that day. This will also allow more room for the options because the type would have to be pretty small ...


2

Touchscreens offer almost infinite possibilities for variable user interfaces, but tactile buttons offer accuracy, speed, motor memory and safer operation in a moving vehicle. There seems to be a an almost stalemate between the desire to offer a flexible UI and the need for physical buttons in a moving vehicle. But there may be a solution... Why not offer ...


2

Designers have to deal both with the end user and the business and sometimes little annoyances like this make their way in to the market because, "shipping is a feature" There are many smartphone manufacturers and I assure you some of them do exactly what you describe and then some. For example, Android Lollipop has a baked in feature where your phone can ...


2

A map pin denotes a location, it doesn't give you info about what that location is in order for the user to make the decision that "Yes, I'm interested in this location". So something like this may make sense download bmml source – Wireframes created with Balsamiq Mockups When user clicks/taps on the pin, display a popover with details about ...


2

I solved a similar requirement by providing multiple sliders and linking them together, so that they "validate" against each other (UI to configure shifts - which ultimately comes down to start times). Right pictures indicate boundary conditions (min and max, so to speak): Shift 1: --|--------------------- 02:00 |----------- ---------|-- Shift 2: ...


2

What kind of risks or concerns should I know about? When I completed my first kiosk project I neglected to think about the uptime requirements and the boot process. Specifically: what hours will the kiosk run? who will start/stop the kiosk? what happens if the power goes out? It is critical to pick a platform that you can write an automated boot ...


2

long-press - for first item selection touch - for subsequent selections According to Google https://www.google.com/design/spec/patterns/selection.html# The global gesture to select data is a long-press, a touch or mousedown that’s held in the same position for a moment. A two-finger touch may also trigger selection on touch devices. Item ...


2

Ouch! No matter why this happened you have to deal with your frustrated users. It doesn’t matter if you didn’t read the terms properly or if Apple change something along the way – you have a serious usability issue. What you can do is to explain that this happened. It may ease the pressure some of your users feel, and the one topic to grasp that users ...


1

Should we be considering taking interface cues from the physical world instead of older generations of computers? I think this question is setting up a false premise that it's one or the other. I'd argue it's likely neither. The best practice these day is to consider 'mobile first' to accommodate the very real fact that more and more people are using ...


1

You should look at (Google's) inbox for touch screen implementation of hover. There are a lot of hover control in inbox. You hover over the icon, they turn into checkboxes, you hover over title, more option button shows, etc etc... In short, they replace hover with one touch (tap), and replace click with two touch (two taps). I'm replicating this ...


1

You could have (apologies as this is crude): Switches: download bmml source – Wireframes created with Balsamiq Mockups or Suggest 'Hit Area' around the item: download bmml source



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