New answers tagged

0

In my experience, there are often established naming conventions within a company that may not necessarily align to Nielsen's definition or other "standards" - so unless you are in a position to redefine how people talk about the various navigation structures, it's good to be flexible. Both "secondary" and "utility" are open to interpretation (does ...


2

Go for it. One of the added benefits of showing immediate feedback in the button being interacted with is a reduction in duplicate form submissions. This can be really helpful in ecommerce instances where a double submission might result in a double charge. Best practice would be to limit the behavior to 'positive' additions/submissions, rather than ...


2

It's fine to have spinner / progress indicator in a button, but try to make the button big enough and put the indicator in the corner, so that the users don't feel distracted by the spinning indicator. A good example from Facebook iOS app login page:


2

Your button should have 3 phases if you plan on using the Progress indicator inside. Static Progress Success or Failure Floating Action Buttons in Material Design use a similar concept. You might be able to relate to this example on Material Up. The Static phase indicates the action to be performed. The Progress phase has a Determinate or Indeterminate ...


1

Great question h22! First up, this depends on the platform you're developing /designing the app for. If it's Tizen, the new Samsung Gear 2 is designed for a round smartwatch. So, developing for Tizen will allow you to do that. You can see that in the Design Documentation for Tizen, it is catered towards the round watch face and proudly showcases the ...


2

I se no problem using such a solution, but keep in mind that: When submitted, the button shall only use the progress bar (left to right). When submission is completed, the text "Submit" shall NOT be available again, instead use that check mark indication that the submission was completed. And, of course, Use good contrast colors and remember to change the ...


0

Contextual action bar/mode (aka CAB) https://developer.android.com/guide/topics/ui/menus.html The contextual action mode displays action items that affect the selected content in a bar at the top of the screen and allows the user to select multiple items.


1

I think you might be referring to Modal Views. From the iOS Human Interface Guidelines on Modal Contexts: Ideally, people can interact with iOS apps in nonlinear ways, so it’s best when you can minimize the number of modal experiences in your app. In general, consider creating a modal context only when: • It’s critical to get the user’s attention ...


0

Couple of suggestion Keep the 'apply change' button in blue colour ( refer bootstrap primary button colour). Initially keep the button as greyed or disabled visual treatment. When user makes the change in the page, then give blue colour to the button. This is like acknowledging the user that changes need to apply. In the current design I can see ...


2

Utility Navigation definition from Nielsen: Summary: Utility navigation consists of secondary actions and tools, such as contact, subscribe, save, sign in, share, change view, print. These activities strongly affect website visitor satisfaction, user experience, and engagement. Put utilities where people expect and need them. Primary vs ...


1

Hierarchies. One of my favourite tools is my tiling window manager. This lets me manage a lot of windows though a very nice hierarchy. Here's a rough simplification: You have a number of workspaces (aka. virtual desktops). Each workspace has a set of panes. A pane may be a window, a tab strip of panes (like a browser), a horizontal or vertical "tile" of ...


2

Have you considered overlaying your Down and Unknown state? Here's a low fidelity mockup of what I mean: For point a, it makes sense to know when something is unknown (no data) or down (negative result). For point b, I could see a line graph for the latency then overlay a bar or change the background for times where latency is undefined or the host is ...


1

If you are stuck for ideas, I Googled Latency Chart in Google images, so this should give you inspiration. I imagine it will be important to know when latency is high (so that you can do something about it), and it might be important to know when the connection has failed (aka unknown, so that you can investigate). So in both cases you want to ensure the ...


4

Firefox introduced a tab grouping feature ("Panorama") some time ago, but removed it again. I think the idea was good, but the implementation had issues (bugs, bad performance). A contributor states in a blog post that another reason for the removal was usability, but without going into details. Panorama worked like this: You have a button in the UI (and ...


1

I don't think it's necessary to split these two. For each job (including all three types of job mentioned in your question), I would have your Set 2, but I would add a note along the lines of "If you don't remember the exact date, you can either guess as best as you can, or leave the field blank." That way, it's the same experience to the user in either ...


1

I work on an SaaS platform with similar forms to the one you described and i don't necessarily agree that users automatically interpret disabled fields as, "This value makes no sense in this configuration", especially if there's a value in the field. In my experience, disabled fields that contain a value indicate that they're not editable, but the ...


2

It is possible to distinguish between uneditable text and locked fields by placing a small lock-sign symbol against the form-field. You can enable a hover and describe why you are locking that field or simply state that "this field is locked" Check my https://moqups.com/tapa8728@colorado.edu/yjB41GXd for a mockup. Based on your design, you can choose to ...


6

First, I'm assuming that they meant that the styling of the block around all the footer content (in particular, its background colour, borders, etc) should span the width of the screen - not that the text containers within the footer should be 1-column full-width and therefore insanely wide on wide devices. That'd be bad design because the measure of the ...


7

It doesn't. They probably should have stated that it's the most usual design pattern. Design patterns help people navigate unknown content, so when most sites use footers that span the page to anchor the content, users get used to the idea of when they see the horizontal divider with a bunch of links, they have probably hit the end of the page. Familiarity ...


9

That's kind of oldschool. We like to say "Never touch a running system" but violations against this doctrine are the fuel of progress. Personally, I have also used a 2 column website where the footer was only displayed at the left (ca. 40% width) site and no one had a problem with it. The reason why this is done seem to be the familiarity. But I also have ...



Top 50 recent answers are included