jm + ui   57

Interesting Twitter thread on email UI design, vs Slack
"When redesigning Outlook, we found two basic groups of users: pilers and filers. Pilers kept a single, ever-expanding list of mail in their Inbox and then worked it down to "inbox zero." Filers wrote rules or manually filed mail into folders, creating an organizational system.

Filers rely on their bespoke, highly customized knowledge of where things go in their email system, much like you might organize your kitchen in a way that makes sense to you. You know where the strainer or little corn-cob-holders go, and no one else does (or needs to.)

Pilers rely on search to find things in their huge amassed pile. We moved Outlook from the fundamental organization unit of "message" to "conversation" (or "thread") so that when pilers found mail via search, messages would return with the context of the surrounding conversation.

Both pilers and filers have one key thing in common: their systems require an affirmative, discrete action to take a mail out of their list. Filers file to a folder when done with a message, and pilers archive/delete. This turned out to be essential for people to feel in control."

really, "pilers" are using the UI that GMail pioneered, where credit is due (as far as I know at least).
mail  ux  ui  pilers-and-filers  filepile  email  slack  outlook 
march 2018 by jm
Actual screenshot of the broken UX of the Hawaii ballistic missile alert system
"This is the screen that set off the ballistic missile alert on Saturday. The operator clicked the PACOM (CDW) State Only link. The drill link is the one that was supposed to be clicked."

This is terrible, terrible UX.
ux  ui  hawaii  alerting  alerts  testing  safety  fail 
january 2018 by jm
Don Norman on "Human Error", RISKS Digest Volume 23 Issue 07 2003
It is far too easy to blame people when systems fail. The result is that
over 75% of all accidents are blamed on human error. Wake up people! When
the percentage is that high, it is a signal that something else is at fault
-- namely, the systems are poorly designed from a human point of view. As I
have said many times before (even within these RISKS mailings), if a valve
failed 75% of the time, would you get angry with the valve and simply
continual to replace it? No, you might reconsider the design specs. You would
try to figure out why the valve failed and solve the root cause of the
problem. Maybe it is underspecified, maybe there shouldn't be a valve there,
maybe some change needs to be made in the systems that feed into the valve.
Whatever the cause, you would find it and fix it. The same philosophy must
apply to people.
don-norman  ux  ui  human-interface  human-error  errors  risks  comp.risks  failures 
january 2018 by jm
'Convert the results of Infer (static analyzer by Facebook) to JUnit format results.'
junit  infer  jenkins  ui  testing 
july 2016 by jm
Blue Ocean
new Jenkins UX. looks great
jenkins  tests  ui  ux  pipelines  testing 
may 2016 by jm
Bots won't replace apps. Better apps will replace apps
As I’ll explain, messenger apps’ apparent success in fulfilling such a surprising array of tasks does not owe to the triumph of “conversational UI.” What they’ve achieved can be much more instructively framed as an adept exploitation of Silicon Valley phone OS makers’ growing failure to fully serve users’ needs, particularly in other parts of the world. Chat apps have responded by evolving into “meta-platforms.” Many of the platform-like aspects they’ve taken on to plaster over gaps in the OS actually have little to do with the core chat functionality. Not only is “conversational UI” a red herring, but as we look more closely, we’ll even see places where conversational UI has breached its limits and broken down.
apps  bots  chatops  chat  ui  messaging  silicon-valley  agents  alexa  siri  phones 
april 2016 by jm
interactive menu selection for the UNIX command line
cli  linux  unix  grep  menus  selection  ui  interactive  terminal 
february 2016 by jm
Alarm design: From nuclear power to WebOps
Imagine you are an operator in a nuclear power control room. An accident has started to unfold. During the first few minutes, more than 100 alarms go off, and there is no system for suppressing the unimportant signals so that you can concentrate on the significant alarms. Information is not presented clearly; for example, although the pressure and temperature within the reactor coolant system are shown, there is no direct indication that the combination of pressure and temperature mean that the cooling water is turning into steam. There are over 50 alarms lit in the control room, and the computer printer registering alarms is running more than 2 hours behind the events.

This was the basic scenario facing the control room operators during the Three Mile Island (TMI) partial nuclear meltdown in 1979. The Report of the President’s Commission stated that, “Overall, little attention had been paid to the interaction between human beings and machines under the rapidly changing and confusing circumstances of an accident” (p. 11). The TMI control room operator on the day, Craig Faust, recalled for the Commission his reaction to the incessant alarms: “I would have liked to have thrown away the alarm panel. It wasn’t giving us any useful information”. It was the first major illustration of the alarm problem, and the accident triggered a flurry of human factors/ergonomics (HF/E) activity.

A familiar topic for this ex-member of the Amazon network monitoring team...
ergonomics  human-factors  ui  ux  alarms  alerts  alerting  three-mile-island  nuclear-power  safety  outages  ops 
november 2015 by jm
The Okinawa missiles of October | Bulletin of the Atomic Scientists
'By Bordne's account, at the height of the Cuban Missile Crisis, Air Force crews on Okinawa were ordered to launch 32 missiles, each carrying a large nuclear warhead. Only caution and the common sense and decisive action of the line personnel receiving those orders prevented the launches—and averted the nuclear war that most likely would have ensued.'
okinawa  nukes  launch-codes  pal  cold-war  cuban-missile-crisis  history  accidents  ui  security  horror  via:mattblaze 
october 2015 by jm
ustwo Reimagines the In-Car Cluster
Designers behind the cult mobile game, Monument Valley, take on the legacy-bound in-car UI
ux  ui  cars  driving  safety  ustwo  monument-valley  speed 
september 2015 by jm
Improving The Weather On Twitter
lovely open-source dataviz improvement for near-term historical rainfall-radar images
dataviz  weather  rain  rainfall  radar  nws  twitter  bots  graphics  ui 
august 2015 by jm
A simple guide to 9-patch for Android UI
This is a nifty hack. TIL!

'9-patch uses png transparency to do an advanced form of 9-slice or scale9. The guides are straight, 1-pixel black lines drawn on the edge of your image that define the scaling and fill of your image. By naming your image file name.9.png, Android will recognize the 9.png format and use the black guides to scale and fill your bitmaps.'
android  design  9-patch  scaling  images  bitmaps  scale9  9-slice  ui  graphics 
july 2015 by jm
'Simplistic interactive filtering tool' -- live incremental-search filtering in a terminal window
cli  shell  terminal  tools  go  peco  interactive  incremental-search  search  ui  unix 
june 2015 by jm
a good collection of coding fonts (via Tony Finch)
via:fanf  fonts  coding  ui 
june 2015 by jm
Three Questions to Answer When Reporting an Error
Very long, but tl;dr:
the trick to creating an effective error message is to answer the 3 Questions within your message: What is the error? What was the probable cause of the error? What is the probable remedy?
errors  ui  ux  reporting  logging  coding 
may 2015 by jm
How to fix paste in OSX
Make "Paste and Match Style" the default, as it should be
paste  osx  ui  ux  cut-and-paste 
january 2015 by jm
Charted is a tool for automatically visualizing data, created by the
Product Science team at Medium. Give it the link to a data file and Charted returns a beautiful, shareable chart of the data.

Nice, but it's no graphite -- pretty basic.
charted  graphs  charts  ui  open-source  medium 
november 2014 by jm
Urban Airship with a new open-source Graphite front-end UI; similar enough to Grafana at a glance, no releases yet, ASL2-licensed
graphite  metrics  ui  front-ends  open-source  ops 
july 2014 by jm
Google Maps Has Forsaken Us
+1. What has happened at Google? Did they fire ever employee in the UX department?
ux  ui  google  gmaps  mapping  web  techcrunch 
may 2014 by jm
Good UI for exploration of HyperLogLog set intersections and unions.
One of the first things that we wanted to do with HyperLogLog when we first started playing with it was to support and expose it natively in the browser. The thought of allowing users to directly interact with these structures -- perform arbitrary unions and intersections on effectively unbounded sets all on the client -- was exhilarating to us. [...] we are pleased to announce the open-source release of AK’s HyperLogLog implementation for JavaScript, js-hll. We are releasing this code under the Apache License, Version 2.0.

We knew that we couldn’t just release a bunch of JavaScript code without allowing you to see it in action — that would be a crime. We passed a few ideas around and the one that kept bubbling to the top was a way to kill two birds with one stone. We wanted something that would showcase what you can do with HLL in the browser and give us a tool for explaining HLLs. It is typical for us to explain how HLL intersections work using a Venn diagram. You draw some overlapping circles with a border that represents the error and you talk about how if that border is close to or larger than the intersection then you can’t say much about the size of that intersection. This works just ok on a whiteboard but what you really want is to just build a visualization that allows you to select from some sets and see the overlap. Maybe even play with the precision a little bit to see how that changes the result. Well, we did just that!
javascript  ui  hll  hyperloglog  algorithms  sketching  js  sets  intersection  union  apache  open-source 
june 2013 by jm
rendering pcm with simulated phosphor persistence
This is something readily applicable to display of sampled time-series metric data -- it really makes regular patterns visible (and is nicely retro to boot).
When PCM waveforms and similar function plots are displayed on screen, computational speed is often preferred over beauty and information content. For example, Audacity only draws the local maximum envelope amplitude and (what appears to be) RMS power when zoomed out, and when zoomed in, displays a very straightforward linear interpolation between samples.

Analogue oscilloscopes, on the other hand, do things differently. An electron beam scans a phosphor screen at a constant X velocity, lighting a dot everywhere it hits. The dot brightness is proportional to the time the electron beam was directed at it. Because the X speed of the beam is constant and the Y position is modulated by the waveform, brightness gives information about the local derivative of the function. Now how cool is that? It looks like an X-ray of the signal. We can see right away that the beep is roughly a square wave, because there's light on top and bottom of the oscillation envelope but mostly darkness in between. Minute changes in the harmonic content are also visible as interesting banding and ribbons.

(via an _amazing_ kragen post on ghetto electronics)
via:kragen  pcm  waveforms  oscilloscopes  analog  analogue  dataviz  time-series  waves  ui  phosphor  retro 
june 2013 by jm
There's a map for that
'Not long ago, we began rendering 3D models on GitHub. Today we're excited to announce the latest addition to the visualization family - geographic data. Any .geojson file in a GitHub repository will now be automatically rendered as an interactive, browsable map, annotated with your geodata.'

As this HN comment notes, -- 'I'd much rather Github cleaned up the UI for existing features than added these little flourishes that I can't imagine even 1% of users use.' Something is seriously wrong in how GitHub decides product direction if this kind of wankology (and that Judy-array crap) is what gets prioritised. :(

(via Marc O'Morain)
via:marc  github  mapping  maps  geojson  hacking  product-management  ui  pull-requests 
june 2013 by jm
Gap's application of Knockout.js and the MVVM model
Interesting, first time I'd heard of it; the Model-View-View Model pattern.
mvvm  architecture  javascript  web  ui  knockout-js  martin-fowler  json 
april 2013 by jm
Design for developers [presentation]
A nice set of practical web/UI/typography design guidelines, naming specific sources (via Rob C)
ui  interface  typography  css  design  web  slides 
march 2013 by jm
#AltDevBlogADay » Latency Mitigation Strategies
John Carmack on the low-latency coding techniques used to support head mounted display devices.

Virtual reality (VR) is one of the most demanding human-in-the-loop applications from a latency standpoint. The latency between the physical movement of a user’s head and updated photons from a head mounted display reaching their eyes is one of the most critical factors in providing a high quality experience.

Human sensory systems can detect very small relative delays in parts of the visual or, especially, audio fields, but when absolute delays are below approximately 20 milliseconds they are generally imperceptible. Interactive 3D systems today typically have latencies that are several times that figure, but alternate configurations of the same hardware components can allow that target to be reached.

A discussion of the sources of latency throughout a system follows, along with techniques for reducing the latency in the processing done on the host system.
head-mounted-display  display  ui  latency  vision  coding  john-carmack 
february 2013 by jm
Unhelpful Graphite Tips
10 particularly good -- actually helpful -- tips on using the Graphite metric graphing system
graphite  ops  metrics  service-metrics  graphing  ui  dataviz 
february 2013 by jm
osx - Remap "Home" and "End" to beginning and end of line
in summary: ~/Library/KeyBindings/DefaultKeyBinding.dict. Thanks, Apple, this is stupid
mac  keyboard  bindings  it-just-works  compatibility  ui  rebinding 
february 2013 by jm
CES: Worse Products Through Software
'The companies out there that know how to make decent software have been steadily eating their way into and through markets previously dominated by the hardware guys. Apple with music players, TiVo with video recording, even Microsoft with its decade-old Xbox Live service, which continues to embarrass the far weaker offerings from Sony and Nintendo. (And, yes, iOS is embarrassing all three console makers.)'

See also Mat Honan's article at : 'Smart TVs are just too complicated. They have terrible user interfaces that differ wildly from device to device. It’s not always clear what content is even available — for example, after more than two years on the market, you still can’t watch Hulu Plus on your Google TV. [...] They give us too many options for apps most people will never use, and they do so at the expense of making it simple to find the shows and movies we want to watch, no matter where they are, be it online or on the air. As NPD puts it in the conclusion to its report, “OEMs and retailers need to focus less on new innovation in this space and more on simplification of the user experience and messaging if they want to drive additional, and new, behaviors on the TV.” Which is a more polite way of saying, clean up your horrible interface, Samsung.'

(via Craig)
via:craig  design  ui  tv  hardware  television  sony  ces  software 
january 2013 by jm
Facebook monitoring cache with Claspin
reasonably nice heatmap viz for large-scale instance monitoring. I like the "snake" pattern for racks
facebook  monitoring  dataviz  heatmaps  claspin  cache  memcached  ui 
september 2012 by jm
A Periodic Table of Visualization Methods
interesting categorisation, and some crazy visualisations I've not encountered before (via Aileen)
dataviz  visualization  information  design  ui  via:aileen 
july 2012 by jm
the VIM clutch
'VIM Clutch is a hardware pedal for improved text editing speed for users of the magnificent VIM text editor. When the pedal is pressed down, the pedal types "i" causing VIM to go into Insert Mode. When released, it types <Esc> and you are back in Normal Mode.' (via Andrew Delaney)
via:delaney  vim  programming  ui  pedals  vi  modal  foot-switch 
june 2012 by jm
FF Chartwell
OpenType font to display charts/graphs using ligatures. 'Designed by Travis Kochel, FF Chartwell is a typeface for creating simple graphs. Driven by the frustration of creating graphs within design applications and inspired by typefaces such as FF Beowolf and FF PicLig, Travis saw an opportunity to take advantage of OpenType technology to simplify the process. Using OpenType ligatures, strings of numbers are automatically transformed into charts. The data remains in a text box, allowing for easy updates and styling. It’s really easy to use; you just type a simple series of numbers like: ‘10+13+37+40’, turn on Stylistic Alternates or Stylistic Set 1 and a graph is automatically created.' (via Simon)
ligatures  via:sboyle  fonts  hacks  charts  dataviz  ui 
may 2012 by jm
Air France 447 Flight-Data Recorder Transcript - What Really Happened Aboard Air France 447 - Popular Mechanics
The (comp.)risks of overautomation strike again. "When trouble suddenly springs up and the computer decides that it can no longer cope—on a dark night, perhaps, in turbulence, far from land -- the humans might find themselves with a very incomplete notion of what's going on. They'll wonder: What instruments are reliable, and which can't be trusted?"
aviation  crash  flight  flying  autopilot  stalls  warnings  alarms  ui  af447  risks  automation 
december 2011 by jm
Microsoft's new IE "Ribbon" debunked
'nobody — almost literally 0% of users — uses the menu bar, and only 10% of users use the command bar. Nearly everybody is using the context menu or hotkeys. So the solution, obviously, is to make both the menu bar and the command bar bigger and more prominent. Right?
Microsoft UI has officially entered the realm of self-parody.' (via Nelson)
design  hci  microsoft  ui  statistics  user-hostile  ribbon  windows 
august 2011 by jm
Bootstrap, from Twitter
'a toolkit from Twitter designed to kickstart development of webapps and sites'; 'includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.' Very, very nice, AL2 licensed (via Mick Twomey)
via:micktwomey  twitter  ui  css  design  html  styling  web-apps  layout 
august 2011 by jm
Motorola Made XBMC Remote Now Available for Presale - Tested
oooh nice! Might go for one of these for my XBMC box. only thing is, I quite like the feature of being able to lock the remote from the kids, when the "remote" is an iPhone...
remote-controls  tv  xbmc  set-top-box  ui  from delicious
april 2011 by jm
How to block retweets
in Twitter, obvs. This is incredibly handy, and very poorly-documented
twitter  retweets  annoying  ui  from delicious
february 2011 by jm
'Free open source self-hosted log management and exception tracking', loggly-style.  Basically, a nifty web data-mining UI on your syslogs (via adulau)
logging  syslog  sysadmin  mongodb  opensource  via:adulau  logs  web  ui  data-mining  from delicious
january 2011 by jm
on URL Design
from one of GitHub's designers, good tips on how the URL UI needs to work these days
github  urls  design  ui  usability  webdev  webdesign  http  from delicious
december 2010 by jm
How I boosted my Vim
some interesting tips; even handy for a seasoned vimmer like myself. I like the idea of remapping ";" to ":" to save 2 keystrokes
remapping  vim  keyboard  control  ui  unix  vi  ed_man  from delicious
september 2010 by jm
Dave Grady on "the conference call"
painfully accurate sketch about the crappy conference call UI. "hi, who just joined?"
hi-who-just-joined  conference-calls  phone  funny  ui  dave-grady  comedy  sketches  from delicious
august 2010 by jm
Keyboard shortcuts for positioning windows in Mac OS X
from Tony Finch. great stuff, I used to use shortcuts like this all the time on my Linux desktops to avoid rodentage
mouse  keyboard  navigation  windows  shortcuts  scripting  ui  automate4r  automator  from delicious
july 2010 by jm
Introduction to Unity Launcher « Canonical Design
The new netbook-oriented launcher/dock UI for Ubuntu. Nice! Great to see this kind of open design process, too
canonical  ui  unity  linux  gnome  desktop  design  from delicious
june 2010 by jm
Balsamiq Mockups
create wireframe mock-ups quickly, via Confluence/JIRA/desktop/fogbugz plugins (via Joe)
via:jdrumgoole  wireframes  mockups  ui  web  usability  balsamiq  layout  prototype  from delicious
june 2010 by jm
Daft Layar comes to the iPhone!
oh, nifty, an augmented reality property app in Dublin  augmented-reality  iphone  gadgets  nifty  tech  ui  via:damien  from delicious
october 2009 by jm
GUI Icon Sets for Web Designers
lots of commercial and open-source-friendly-licensed icon sets, including the old reliable FamFamFam and Pinvoke icons
gui  icons  ui  web  graphics  creative-commons  via:nelson 
july 2009 by jm
Logitech Formula Force EX Driving Wheel And Pedals
good and cheap; good reviews; supported by Linux HID force-feedback joystick library; EUR58 at
linux  hardware  ui  games  racing  controllers  steering-wheel  pc  pedals 
july 2009 by jm
Joysticks, force feedback and racing games working under Linux
an alternative way to get pedal controls working; use a racing-game steering-wheel controller, instead, since they're cheaper
linux  hardware  ui  games  racing  controllers  steering-wheel  pc  pedals 
july 2009 by jm
Gmail now intercepting "mark as spam" and interpreting it using the List-Unsubscribe header
good call. but as one commenter notes: why isn't there an "unsubscribe from this list" button in the normal UI? now if I want to use this as a quick-unsub mechanism for mail I know is ham, I'm _forced_ to use "mark as spam" to get this shortcut, which doesn't make much sense
via:aliverson  gmail  google  spam  filtering  ui  mail  mailing-lists  unsubscribe 
july 2009 by jm

related tags

9-patch  9-slice  accidents  af447  agents  alarms  alerting  alerts  alexa  algorithms  analog  analogue  android  annoying  apache  apple  apps  architecture  atms  augmented-reality  automate4r  automation  automator  autopilot  aviation  balsamiq  bindings  bitmaps  bots  cache  canonical  cars  ces  charted  charts  chat  chatops  claspin  cli  coding  cold-war  comedy  command-shift-option-elbow  comp.risks  compatibility  conference-calls  control  controllers  crash  creative-commons  css  cuban-missile-crisis  cut-and-paste  data-mining  dataviz  dave-grady  design  desktop  display  don-norman  dot-files  driving  economist  ed_man  email  embedded-software  ergonomics  errors  facebook  fail  failures  filepile  filtering  flight  flying  fonts  foot-switch  front-ends  function-keys  funny  gadgets  games  geojson  github  gmail  gmaps  gnome  go  google  graphics  graphing  graphite  graphs  grep  gui  hacking  hacks  hardware  hawaii  hci  head-mounted-display  heatmaps  hi-who-just-joined  hidden-files  history  hll  horror  html  http  human-error  human-factors  human-interface  hyperloglog  icons  images  incremental-search  infer  information  interactive  interface  intersection  iphone  it-just-works  javascript  jenkins  john-carmack  js  json  junit  keyboard  kludges  knockout-js  latency  launch-codes  layout  ligatures  linux  logging  logs  mac  magic  mail  mailing-lists  mapping  maps  martin-fowler  medium  memcached  menus  messaging  metrics  microsoft  mobile  mockups  modal  mongodb  monitoring  monument-valley  mouse  mvvm  navigation  netdata  nifty  nuclear-power  nukes  nws  okinawa  omgwtf  open-source  opensource  ops  oscilloscopes  osx  outages  outlook  pal  paste  pc  pcm  peco  pedals  phone  phones  phosphor  pilers-and-filers  pipelines  product-management  programming  prototype  pull-requests  racing  radar  rain  rainfall  rebinding  remapping  remote-controls  reporting  retro  retweets  ribbon  risks  rogue-one  safety  scale9  scaling  scripting  search  security  selection  service-metrics  set-top-box  sets  shell  shortcuts  silicon-valley  siri  sketches  sketching  slack  slides  software  sony  spam  speed  stalls  star-wars  statistics  steering-wheel  styling  sysadmin  syslog  sysstat  tech  techcrunch  television  terminal  testing  tests  the-horror  three-mile-island  time-series  tools  touchbar  tv  twitter  typography  ui  union  unity  unix  unsubscribe  urls  usability  user-hostile  ustwo  ux  vi  via:adulau  via:aileen  via:aliverson  via:craig  via:damien  via:delaney  via:fanf  via:jdrumgoole  via:jk  via:kragen  via:marc  via:markkenny  via:mattblaze  via:micktwomey  via:nelson  via:sboyle  vim  vision  visualization  warnings  waveforms  waves  weather  web  web-apps  webdesign  webdev  windows  wireframes  xbmc  youtube 

Copy this bookmark: