topic Re: UX UI Design Resource in BreakPoint

UX UI Design Resource

yenknip — Mon, 06 Oct 2014 16:01:35 GMT

Does anybody have any succinct or concise resource(s) for User Experience / Interface design? I am having a 'heated discussion' with my manager who seems to value mid-90s skeuomorphisms and old fashioned ideas. I feel I need to present him with some modern, peer reviewed, evidence based documents on good practices for UX and UI design.

(This would also be a great learning resource for myself, as I am definitely a system architect, rather than a UI specialist).

I would particularly value input from Mr. Dunaway whose ideas and demonstrations always blow me away.

Re: UX UI Design Resource

AnalogKid2DigitalMan — Mon, 06 Oct 2014 20:23:25 GMT

Ed:

I remembered this article from Control Engineering, it refers to some standards along with other articles related to this one:

http://www.controleng.com/single-article/who-is-building-your-hmi/fc0056d95476eea85ebfa30bb5728dfd.html

Is that along the lines of what you are looking for?

-AK2DM

Re: UX UI Design Resource

thoult — Fri, 10 Oct 2014 10:14:08 GMT

I have access to some excellent ones within the company, which I'm currently working on adapting for the LabVIEW teams here. I plan to introduce it to the production bods here, our internal user group and then the local user group for feedback.

I'm not able to share the former, but I don't think it would be a problem (when I'm done... 😕 ) sharing the latter.

In terms of references, the one I've been recommended in the past (and never sought out, to be honest) was The High Performance HMI Handbook, but it's bound to be a little dated now.

Edit - just spotted the username, and realised who you are. The local user group I refer to is SoWLUG - I'd have met you on Wednesday if you'd not had to cancel 🙂

Re: UX UI Design Resource

Yamaeda — Fri, 10 Oct 2014 12:19:55 GMT

Very general and broad terms, but then there's no single best design:

http://en.wikipedia.org/wiki/Principles_of_user_interface_design

If you e.g. look at windows 8.1's Metro, it specifically emphasise the 3 first principles: Structure, simplicity, visibility.

I've taken inspiration from this in that i always think "What can i remove from the UI", instead of the other way around. If something is "good to have" it should be a sub-panel, menu option or similar.

Re: UX UI Design Resource

Yamaeda — Fri, 10 Oct 2014 12:20:26 GMT

double post

Re: UX UI Design Resource

yenknip — Fri, 10 Oct 2014 13:16:01 GMT

Thanks all, I do appreciate that the topic is rather hard to define and quantify.

I am basically after something which backs up my years of experience, and shows him that the general consensus has moved on in the last 2 decades. I have always followed the design advice that Apple and Microsoft have occasionally published, and what seems sensible in various blogs.

AK2DM: Thanks for the link, there are a couple of points in the document which backup what I am trying to get across

Tim: Specific examples would be useful to me for sparking ideas, but I'm not on a mission to steal UI designs from people! Yeah, I'm sad I had to cancel, I've come down with the dreaded lurgy. I think the next big meetup will be at NI Days in November.

Yamaeda: I have also come to the conclusion of 'less is more'

Re: UX UI Design Resource

Yamaeda — Fri, 10 Oct 2014 15:12:13 GMT

@yenknip wrote:

I am basically after something which backs up my years of experience, and shows him that the general consensus has moved on in the last 2 decades. I have always followed the design advice that Apple and Microsoft have occasionally published, and what seems sensible in various blogs.

I did a picture search on "Good UI design" and got many metro-ish examples, especially from the phone/app-side.

What's the ideas you're trying to avoid?

Re: UX UI Design Resource

thoult — Fri, 10 Oct 2014 19:52:00 GMT

Ed - they're mostly guidelines, rather than specific designs. The translation that I'm undertaking will involve creating some LV related examples so it's a bit more familiar, but there's no intent to dictate design yet.

From memory, as I haven't looked at it since yesterday, the style contains advice on colour palettes, design for touch applications, process linearisation...and much more besides.

Having said all that, I am working on a template HMI for touch panels in production processes, but there's a chunk of work I need to do before I make it available to anyone else.

I'm not sure whether I'll make it to NI Days, as I have a newborn to handle here at home. If I do, I'll try and bring along some tasters from the UX UI team.

Re: UX UI Design Resource

patrickpollock — Mon, 13 Oct 2014 20:36:38 GMT

Here are a couple documents that I found to be really helpful with interface design. These are mainly focused on HMI design but I think are still useful as general design guidelines.

Main basic points:

Simplistic representations are better than skeuomorphs, animations, P&ID type layouts
Analog indicators that show trends + context are more helpful than simple digital indicators
Showing meaningful data is better than showing raw data (make indicators shown meaning in light of a goal)
Use bright colors and blinking/spinning things to actually indicate something
Group things together that belong together
No gratuitous information

If you decide to go with a Metro type layout, here is a useful link:

http://msdn.microsoft.com/en-us/library/windows/apps/hh872191

This site might give you some inspiration on how to display data in a simple, meaningful way:

http://themeforest.net/item/start-metro-ui-responsive-admin-template/full_screen_preview/3408505

I hope this is helpful.

-Patrick

Re: UX UI Design Resource

SimonH — Tue, 14 Oct 2014 18:21:02 GMT

These may be a little more than you need but I've found them to great references for my own learning

Google's new design language and guidelines: http://www.google.com/design/
Microsoft's design guidelines: https://dev.windows.com/en-us/design
Apple's Human Interface Guidelines: https://developer.apple.com/library/mac/documentation/UserExperience/Conceptual/AppleHIGuidelines/Intro/Intro.html

Re: UX UI Design Resource

thoult — Thu, 23 Oct 2014 13:18:28 GMT

On a vaguely related topic, has anyone tried the Aledyne Touchscreen Toolkit for LabVIEW?

Re: UX UI Design Resource

AnalogKid2DigitalMan — Wed, 04 Feb 2015 15:19:45 GMT

This article discusses the topic of GUI design taking into account people with color blindness.

The 3rd paragraph from the bottom has a link to ColorOracle which is an app you can download to see the effects of 3 type of color blindness on your GUI.

http://www.designnews.com/author.asp?section_id=1386&doc_id=276504&itc=dn_analysis_element&&cid=nl.dn14.20150204

-AK2DM

Re: UX UI Design Resource

AnalogKid2DigitalMan — Tue, 03 Mar 2015 17:17:46 GMT

Here's are a couple more from Control Engineering:

http://www.controleng.com/single-article/optimizing-your-hmi-on-the-plant-floor/9ddfc72b7d05caae4a7089601dd2e539.html

http://www.controleng.com/single-article/high-performance-hmis-designs-to-improve-operator-effectiveness/8c1437669a5d014d976769af596dd9e3.html

-AK2DM

Re: UX UI Design Resource

thoult — Tue, 03 Mar 2015 20:14:58 GMT

I found something excellent last night on figuring font sizes for HMIs, but I'll be damned if I can figure out where it was.

Edit - I think this is where I found a reference to it:

http://www.acuite.com/sites/default/files/HMI%20Standards%20Review_Aug2012.pdf