Tag Info

New answers tagged

0

I think you should consider the fact that mobile devices are driving user interfaces and often the evolution of the desktop user experience as well. This because the big market players realise that users spend more time looking and interacting with their mobile handset more then their desktop. Apple and Microsoft recent efforts are into blending their ...


1

If, for some reason, you know that a significant portion of your users will be using Safari for Mac, then it might be okay to design for that specific browser. In general though, it's a pretty universally agreed upon best practice to not design for a browser (unless it's something like a browser-specific extension). A few things to consider: You never ...


0

I have came across few interfaces which use java script overlay window to display enlarged images. These overlay windows carry controls to navigate forward and back but lack a CLOSE button. You cannot close by clicking outside the image (on overlay windows itself) and there is no CROSS or Close button to click. You can close overlay mode by clicking on the ...


0

I strongly recommend replacing the icon with a button that says Refresh. Reasons: User experience is more important than layout consistency. Even if you are using icons elsewhere, in this case if Refresh is the right micro-interaction, then use it. The form flows from left to right. This is a good, natural flow: user enter the start date, then end ...


1

What about simply swapping the icon for a button with the text "Update chart" ?


3

You can add an overlay on the graph if the data and filters mismatch prompting user to refresh / reload / load the graph again. However it does not end there. I wonder if users are expecting the graph to refresh when they select the second value. How your application behaves in other similar scenarios? Are actions auto triggered on selection or there are ...


1

Establish a UX strategy The application has been actively developed for 10+ years. Unfortunately, there hasn't been much focus on UX when building the application. Shifting focus from a development led process to a UX led process is no easy undertaking particularly when your application has been actively developed for more than 10 years! So you ...


2

I guess there are a few different things you want to find out, and I think for me UX is about asking the right questions rather than trying to find the solution, simply because you can find the right solution for the wrong problem and not end up better off than where you started from. So in order of priority: Find out what you know - you mentioned that ...


1

Where should I start? By starting over. Any software that's been continuously updated for a decade+ is due for a complete UI rewrite. How you do that is simply too broad of a question to answer with any specificity, but I'd start with things like: hire a UX consultant do a lot of user testing and, more importantly, user research investigate UI ...


1

Tabs are structural clustering elements. Their visual presentation and metaphor afford switching tabs by clicking them - any other action could easily be considered as cryptic to users and would violate a few design heuristics. For something like entering edit mode and saving you should create a separate control which would ideally be in close proximity ...


0

Consider setting up a subdomain url which points directly to the most significant page of your new responsive functionality. This will give your mobile users easy access to part of your software which is ready for their use. Alternatively, you could add some onload javascript to your main application's home page to check the browser's screen size; if it ...


3

There are alternative ways to show the same table. Furthermore if you are looking for graphs, this is how Android does it. You could get inspiration from it, and augment it with data recorded in domestic, international or from different devices etc using colors and annotations on the same graph. You can search for area graphs having multiple data feeds. ...


1

The whole purpose of the demo as you have stated is to highlight the app potential. The use of sample data could translate to inconsistencies that could undermine this objective. Dashboards are prime example of how this might go wrong because they are intended to provide instantaneous, at a glance information. So, I think its good to be transparent about ...


1

First and foremost: You should think about satisfying the needs of your users. No SEO argument should stand in the way of providing them with the tools they need. With that in mind: Breadcrumbs do highlight important keywords for search engines but most importantly they act as secondary navigation and help users know where they are within a website ...


0

I don't find the article I read which speak about this subject. But anyway, It says (from a Google employee) that they will reward websites for the user experience comfort more than technical guidelines everybody's following. And I think giving everything to the user is better (in business terms) than SEO (word of mouth, satisfaction, retention)


3

Consider hiding machines which have no problem. If the goal is to find machine(s) which is (are) not perfectly working, there's no point in displaying 20 green squares and one red square if you only care about the red one. Just display the machines which require some work to fix their problems. You can also add a dashboard which display only the numbers of ...


0

One slightly different approach might be some simple grouping, maybe with background colors. So, for example all the "OK" machines are in a group that has a header with the state typed out (with a text description if needed), then the entire group could a subtle background color. This solution might not work depending on how you want to be able to sort the ...


11

Map of the manufacturing site You could consider having a map of the manufacturing site with location of machines: This will help provide context and streamline the process of operating the machines. Below is just an example ( limited number of machines). If you want to scale things up you can user architectural plans with more graphical emphasis. ...


29

Issues You are right about the use of color. Users are unlikely to remember what it means if you have 8 states. It also creates problems for color blind users. Using a legend is not great because it forces the eye to dart around the screen. It also doesn't solve the color blind issue. 300 items will be difficult to navigate, so careful cell design ...


0

We need to display 20 up to 300 machines on the site. (If possible without paging) In one page, save space : go for a list with filter and clever sorting and write down the state to be well understood because as you said people won't remember 8 colors states.


10

You should (although it may be hidden in some scenarios). There are two things to consider: Mobile first You are basing your design on the current presentation - that's a reasonable thing to do, so long you remember that the presentation might change on other devices, like, say, a mobile phone. On a mobile phone the tabs may be collapsed under a menu, in ...


0

If you have an existing design and deployment, you have a source of metrics. With user consent (I would hope), see if you can track which features they use and don't...and how often. For instance: it is helpful to know how many clicks a button has before you move or remove it. Hopefully you can motivate them to share their usage patterns in the spirit of ...


2

You need to better understand the current user journey and identify main user pain points. testing and feedback from users could provide an initial point of reference here. Determine the severity of these pain points and their scale ( who is impacted and how. This will help you create an improved user journey with those users who suffer the most in mind. ...


3

By auto-selecting if there's just one option you make things significantly easier for your user. Consider the comparison (which focus on one selection): No Pre-selection, text box User clicks checkbox Moves across to text box Enters some value Validation passes / fails Form is submitted No Pre-selection, dropdown User clicks checkbox Moves across to ...



Top 50 recent answers are included