Tag Info

Hot answers tagged

42

Luke Wroblewski covers this topic in his book Mobile First He stresses the importance of transitioning your on-hover menus to mobile using the most appropriate solution for your site: ...any actions that rely on mouse hovers in our desktop web experiences need to be rethought—and that’s a good thing. Many uses of hover actions on the web assume too ...


42

Don't rely on shaking as the only way of selecting any common action. The exception is novelty apps like whips or throwing dice. For other apps it is poor UX as it: Is uncommon behaviour for many users, as most apps (sanely) don't use this action. Has poor discoverability as there is no cue on the screen letting you know how to use it. There may be an ...


37

We are really at the early days of touchscreen technology. While audio feedback and advances in haptic feedback could make this slightly more viable, I see touchscreens as an interim workaround on the journey towards gestural (+ audio) input. The mistake in this design shown in the video is (in my opinion) using a touchscreen at all - i.e. a 'touch ...


30

Yes, and it's called finger-friendly. Smaller touch targets are harder for users to hit than larger ones. When you’re designing mobile interfaces, it’s best to make your targets big so that they’re easy for users to tap. But exactly how big should you make them to give the best ease of use to the majority of your users? Many mobile developers have ...


29

There's no 'right' answer here. What is more important is that you are consistent within your own documentation. Regarding touch interfaces, the typical interaction is 'tap'. Regarding desktops, the typical interaction is 'click'. In both cases, it's not the ONLY interaction, however, as both touch devices and desktops can be navigated in other ways ...


23

TLDR; A time based message (timestamp, declarative sentence, or both) in the pull to refresh tray assists user understanding of the age of data shown in the feed. New items available to pull can be indicated with a visual counter. Example: Tweetbot has executed their pull to refresh in a useful, informative way. The time based message is always shown as ...


22

A main component of natural interactions is Direct Manipulation. Traditional interaction methods (keyboard) are very efficient but often very unnatural because what you do and what happens on screen aren't necessarily very logically connected. This was a classic problem with command line interfaces (or worse, punch cards). The Graphical User Interface was ...


21

I usually get both eager and upset everytime I stuble upon advanced UX topics, like Fitts' law. Eager because I find the basic research very interesting, and upset because there are so many misinterpretations of these. I actually have my own version Fitts' law: Don't use Fitts' law as a formula, use it as a guideline. So, what is the simple ...


21

Thought I'd throw my two penneth in as a former Automotive Interaction Designer for a large British car manufacturer in the premium and off-road/footballer market owned by an even larger Indian company. Starts with "Jag", ends with "...nd rover" Anyhow, for those of you familiar with those brands you'll know they use touchscreens. I'm not a fan. The NHSTA ...


20

It would mean a very different technology than what is currently used. I wouldn't try to force touch devices into screen device semantics. Touch devices are developing their own distinct set of user expectations. Touch to hover is perfectly acceptable. I've seen some nice examples of hinting to the user where "hoverable" areas are when the screen first ...


20

Why not try some variation of the following (crude) sketch, with the circle indicating a touch point and the arrow a swipe?


20

This is a pretty broad question, but if you're looking for some resources, here are a few I would suggest: Apple iOS UI Design Dos & Don'ts Apple: Designing for iOS7 Android Design Guidelines Designing Mobile Interfaces by Steven Hoober and Eric Berkman Mobile Design Pattern Gallery: UI Patterns for Mobile Applications by Theresa Neil Microinteractons: ...


18

Your question seems to suppose that styluses (at least as the primary method of input) were once in favour. I don't necessarily agree that that's true. Styluses solve the problem of using an interface designed around precise targeting of elements (e.g. designed for use with a mouse) without requiring substantial changes to the interface itself. In this way, ...


17

Maybe an approach... Show the user in page indicator under the list, there a more items available. The beneficial: the arrangement corresponds with user mental model and user sees the current page.


15

I would say Apple has to do with it, but they're certainly not the only reason. Why use styluses in the first place? Remember the good ol' PDAs? UI-Design: You can instantly see why styluses were used with devices like these: You had no choice! How would somebody possibly touch the UI-elements on this screen with a finger? UI-Design was more ...


14

I think it has nothing to do with plasticine :). Hold up your hand and show "a small amount of something". You're probably pinching. "A pinch of salt" is a small amount of salt. I assure you that both the gesture and the expression have existed long before multi-touch :). Ask a person to demonstrate something large, and he will spread his hands. Ask him to ...


14

As you will be using Android, perhaps refer to their own Design Principles documentation? They use 'touch'; Access the entire collection of apps and widgets by touching the All Apps button at the center of the Favorites Tray. I would also say you 'touch the button' because isn't that exactly what you are doing on a touch screen device? That surely is ...


12

Have the list item be split. Something like a label to the left and a button on the right. It is basically what you already proposed. Here is an example how it could look like. There is just no hover replacement for touch based devices. At least not for all types of touch based devices.


12

The guidelines given for the various platforms are all based on the idea that the minimum size should be 9-12mm. The variation between the guidelines is mostly due to differing pixel densities on the devices, and hence different number of pixels needed to reach the 9-12mm figure. Note, that this isn't an ideal dimension to make the button easier to use, ...


12

Most commonly I have seen this done with a refresh timestamp, so you might see a message "Last updated 5 seconds ago" at the top of the item list, close to the place where new items would appear when available.


11

If you're confident in the quality of the touch-screen, your design is a good one. Some points to note: Some touch panels, particularly bigger ones, have quite a lot of noise and can have "dead spots" where the touch is not (as easily) registered. You may want to delay snapping back the item once you notice the touch event finishing if you can. It's not ...


11

In Designing Gestural Interfaces, Dan Saffer touches (!) the subject of Fitts' Law in relation to touchscreens (specifically pp. 40-2.) Saffer argues that the law holds true for gestural interfaces; minimize reaching across the interface and making sure that targets are appropriately sized to accommodate the "cursor" (i.e., the finger.) However, he also ...


11

Yes, size can be an issue. Touch targets need to be bigger than typical desktop targets because the finger precision is worse than the pointer+mouse precision. With this worst precision the odds to do missed taps is bigger (like not touching a button or touching the incorrect one). Usually, touch studies use as principal study variable the error rate. The ...


11

That's a tough problem. You could use a drag-from-the-edge to reveal a menu. I would make drag from the left edge to pull a menu "drawer" from the left. You could put some visual cue that this feature exist, something minimal like so: download bmml source – Wireframes created with Balsamiq Mockups or teach that this feature exists with no ...


11

The difference between touch and mouse is much deeper than just the size of the controls. It requires another way of thinking: • Swipe rather than scroll (which requires you to rethink the role of scrollbars) • Pinch rather than click to zoom. • Cursor remains invisible (because under your finger). This makes operations much more direct but also less ...


10

Designing Gestural Interfaces by Dan Saffer is a nice start with some basics. I've been working on a largescale POI system for a postal company for over a year, and we've also done numerous user/usability tests and it is very different from your regular webapp or site. I think for me there were 3 or 4 major differences: 1) size and spacing (the tip of your ...


10

The best examples I've seen use touch gesture hand icons, similar to these: http://graffletopia.com/stencils/587 At times of application rest, where the app isn't being used -- the home screen can be devoted to a simple touch icon moving on the screen and appearing to click/flash on a button that is selected, but no further action is taken, until the user ...


10

Gracefully degrade your subnavigation or drop it by reiterating its contents on the index pages. It's true. Just look at the evidence below. Two great examples of responsive web design are Smashing Magazine and The Boston Globe. Ethan Marcotte himself was involved in the Boston Globe redesign. Smashing Magazine: Drop the Subnav Note in these screenshots ...


10

Should I advise the client to do away with so many modals and hover windows if we go the Responsive route? I'd restate that question as: Should I advise the client to do away with so many modals and hover windows? And the answer to that is, usually, yes. But not always. If it's a very complex desktop-centric site, maybe modals are a good option ...


10

Let's assume for a moment that we're talking about a touch interface without any other controls. Direct Manipulation As noted in the comments above, there are a limited number of gestures for directly manipulating content. From gestureworks: The Tap family are all out. Rotation is possible, but unlikely to be intuitive. It's also not particularly ...



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