721 reputation
713
bio website
location Vancouver, Canada
age
visits member for 3 years, 8 months
seen Sep 17 at 23:15

I work as a UX and Information Visualization designer at Visier Analytics, a Business Intelligence software company in Vancouver, British Columbia.


Aug
9
comment Best design for 'undo' in rich web apps?
Google docs (while editing a file) provide the same desktop style undo as MS Office. Outside of a given file (Google Drive), they use the same Undo pattern as gmail (pop-up). I added the pattern to the original post.
Aug
9
comment Best design for 'undo' in rich web apps?
@DA01 I have a feeling you scanned through the article rather quickly - he most definitely doesn't suggest Back is always an 'oops' decision, in fact, he says Back serves both as an 'oops' as well as an 'ok' action.
Dec
5
comment OK/Cancel on left/right?
Completely agree, I'm not arguing in favour of the windows approach, simply stating that if you design for the windows world then you might have to go with convention over objective usability. Luckily in the Mac world the conditioning also aligns with what is the most objectively usable solution, so no problems there :)
Dec
5
comment OK/Cancel on left/right?
I agree that the visual weight and labels of action buttons are an important design aspect to consider (and very useful in this case where position alone can't be relied on), but it’s not the only aspect. I feel that a meticulous designer would think about how every design aspect affects the user - position cannot be ignored.
Dec
5
comment OK/Cancel on left/right?
+1 for an excellent article! I think another key point he makes is that platform consistency is not good enough; the suggestion to follow platform conventions for the sake of consistency is simply not good enough and leaves designers empty-handed.
Nov
23
comment Best way to label ranges of values
Agreed that localization is important, but it's a whole other ball game. With this post I'm wonder how to even deal with ranges for just US-English, never mind other locals!
Nov
23
comment Best way to label ranges of values
I did actually come across the Yahoo style guide but it really doesn't have much in terms of ranges. The link you provided dedicated to ranges simply states that a dash or em hyphen should be used, nothing more. It doesn't talk about any of the issues I raised, such as ranges with units, ranges with k/M/B suffixes, and ranges with negative values.
Nov
23
comment Best way to label ranges of values
Associated Press Style Book: "Use "M" and "B" in headlines: $1M, $2B."
Nov
23
comment Best way to label ranges of values
Yahoo style guide: "If space is an issue, use the following abbreviations: "mil" (million), "bil" (billion), and "K" (thousand)."
Nov
23
comment Best way to label ranges of values
I should have been careful not to use the term 'SI prefix' - you are correct in that official SI units are prefixes. What I'm referring to is the informal use of k, M, and B to represent 1000, 1 million, and 1 billion. This informal convention is widespread and does align with my users' expectations. Now that I think about it, I do wonder about the history of this convention and when it came into widespread adoption, my guess it was an adaptation of the computer science binary representation convention, where 1k represented 1024.
Nov
5
comment Data visualization - what should be the baseline, 'you' or the 'comparator' series?
@DanielMeade: That's the thing, the benchmark data might NOT be what you are aiming for, it's just a comparison point. You might be working hard to avoid being like the benchmark.
Sep
27
comment What is a good visual cue for drag and drop? (for reordering a list of items)
Regarding option D, it is simply a grab cue (surface texture), it doesn't imply any matrix layout.
Apr
30
comment Chart drill-down affordance?
For classic bar charts and charts with basic labels I agree that hyperlinks are a great idea. We run into problems when the labels are shown on a 45 degree angle (as is the case when many bars appears and the labels are long). Also, some of our visualizations (such as bubble scatter plots) don't have labels.
Feb
9
comment How to best label age group boundaries?
Just the clarify the purpose of this UI - it's part of a workforce analytics application (Business Intelligence) - the user would be an executive, line manager, or HR business partner studying their workforce demographics. We take in customer employee records and provide analytics such as demographics, staffing, etc. In this case, the user might be looking at employee Turnover broken up across company tenure or employee age buckets. Such a view would allow someone to see if most of the people leaving the organization are of low tenure or of a specific age group.
Feb
9
comment How to best label age group boundaries?
Sorry, the filtered bucket will be showing 2-2.999. Nonetheless, my comment still stands - the count for the 2-3yr bucket will be different with the filter applied (showing 2-2.999 with filter vs. the 2-3.999 sans-filter)
Feb
9
comment How to best label age group boundaries?
I also agree that option A is best. However, another big point of confusing is when setting a filter of 'less than'. For example, saying filter on 'less than 3yrs' means you will only see the age buckets for <1yr, 1yr, 2-3yrs. However, the 2-3yrs bucket value will be different than the one you see without the filter because sans-filter the 2-3yrs bucket shows 2-3.999yrs while with the filter it will be reduced to only showing 2-3.0yrs
Nov
1
comment Best way to give user two controls (expand and select) on a single object
What do you mean by 'got it'? With option B users quickly figured out that clicking on the bubble was selection and expansion was via the '+' control, however because the bubbles were bigger and were the primary attention object, users still moved their mouse over to the bubble they wished to expand and only then moved the cursor right to the '+' icon and clicked to expand - on average it took almost twice as long for users to navigate the tree because of this and the interaction came across as frustrating, hence my hesitation with going with option B
Nov
1
comment Best way to give user two controls (expand and select) on a single object
It's hard to communicate this from just a static mockup, but when we tested option B with users we found that people always moved the cursor to the bubble first, and only then moved it over to the expand icon. Because expansion (tree navigation) was the primary workflow this turned out to be fairly frustrating and slowed down the navigation speed (this occurred even with bigger 'expand' icons)