Protopie is a new (another!) prototyping tool for building and testing interactions and animations. Here's what I threw together in about 15 minutes. The value in building interactive prototypes to test? Made it the more obvious that I had had the Username and Password fields in the wrong place initially!
(Note to all, again: I have no relatives at Stanford, nor do I excuse or condone crimes committed there recently by students. Please support your local rape crisis clinic and/or Planned Parenthood.)
According to a post by his family, Darwyn Cooke has just died, at age 53, after a short fight with cancer. His work was clean, hopeful, moving, and perfectly balanced between framing action and highlighting character. From his work on the Parker graphic crime novels, to his own "New Frontier" Justice League, dark and light still came out feeling, well, somewhere we could live in style.
In recent months, DC offered alternative covers to its regular comics from Cooke; these covers brought into high relief the cheer that the age Cooke so loved – of Jet Age and Googie design, of short ties, porkpie hats, and cateye glasses – even as we live with "gritty, realistic" in superhero comics today. For example, one of Cooke's covers showed Superman and Batman not in a "v" death struggle, but relaxing and smiling after they'd defused a bomb together.
To his credit, Cooke did not paper over the problems and inequalities of the times he represented, making text rather than subtext the struggles of women and non-white populations. It was in some ways a patch job, but one in the right direction.
If so, I'll be giving a talk at the Oaklean event on 8 June. Hope to see you there!
(Note to self: Start working on the talk.)
I was lucky enough to be in on the alpha and beta of Adobe Experience Design CC (the design and prototyping app formerly known as Comet, which... just seems cooler).
This is a quick prototype, done within an hour or so, of an idea I've been working on. So far I haven't found a good, non-code-based tool with which I can show the key interaction of moving and pairing list items, and I'm discovering limitations of Adobe XD (which I hope will be removed as they further develop the application) – but the act of making and prototyping gave me some insights into how the interactions could work better for the user, and some feature ideas that popped up in the process. So, cheers to prototyping! (Click image to go to interactive prototype.)
Quick first pass at interaction for a mobile app that leverages known behavioral economic models for personal decision-making.
I have it on good authority that at the time, seeing this was like seeing magic. PARC helped create, out of nothing, our future.
I'm glad to be able to share that I'll be joining the good people at designerhangout.co as a volunteer moderator for the #topic_ethics channel on the User Experience Design Slack channel. It's a great resource and all hails to the admins and creators. See you there!
Max of 10 minutes each, one per day. Though that enabled me to learn a new way to use the Grid tool (for eyebrows) and play more with vectors and perspective. I especially liked how some simple changes could transform a suit to a hoodie.
Working on being better at seeing faces and translating them into Sketch. These could be used in conjunction with persona generation. One a day, so stay tuned for more!
It was a joy, working with the editors and board of A List Apart. Tons of good feedback to help me think through the first draft of heuristics we could put in place when facing the choice about the placebo effect in our designs.
Please read and let me know your thoughts on "Design, White Lies & Ethics". Thank you!
Created with screen shots, new assets from Sketch, made in less than an hour using Principle. The idea was to allow users to scroll back through their Twitter statistics to see not just the most current day (as is the case in the live app).
In learning Framer.js, I first wanted to get a sense of layers, hierarchy, and positioning. The UK flag posed a unique challenge as the Saint Patrick's Saltire (the red diagonals) would weave over the Saint Andrew's Cross (the white diagonals) but under the white crossbar (which I'd be grateful for explanation of).
To be clear, every element in this image is generated in Framer.js/CoffeeScript. So each element could be transformed within code dynamically, and is exposed to click actions.