What Happens Next?  — Medium
"...keep asking yourself what’s next until the user’s intent has been met. It’s the best way to guarantee that your features do what you think they do and what your users expect them to do"
product  ux  interactiondesign  interaction  ui 
ZURB Foundation for Apps
The first front-end framework created for developing fully responsive web apps.
frameworks  product  css 
2 days ago
Algorithms of the Mind — Deep Learning 101 — Medium
What Machine Learning Teaches Us About Ourselves

“The technology of machine learning is giving us new ways to think about the science of human thought … and imagination.”

“…’intuitions’ are representations left in a person’s mind by sensory perceptions, where as ‘concepts’ are descriptions of empirical objects or sensory data. Together, these make up human knowledge.”

“The Sapir-Whorf Controversy … posits that the structure and lexicon of languages constrain how one perceives and conceptualizes the world.”

“One of the most striking effects of this is demonstrated in the color test shown here. When asked to pick out the one square with a shade of green that’s distinct from all the others, the Himba people of northern Namibia — who have distinct words for the two shades of green — can find it almost instantly.”

“The theory is that — once we have words to distinguish one shade from another, our brains will train itself to discriminate between the shades, so the difference would become more and more “obvious” over time. In seeing with our brain, not with our eyes, language drives perception.”

“Language does indeed influence our perception of the world, in the same way that labels in supervised machine learning influence the model’s ability to discriminate among categories.”

“an infant who is repeatedly shown a paper cup would soon recognize the visual pattern of such a thing, even before it ever learns the words “paper cup” to attach that pattern to a name. In this sense, the strong form of the Sapir-Whorf hypothesis cannot be entirely correct — we can, and do, discover concepts even without the words to describe them.”
machinelearning  psychology  science 
2 days ago
Website Deck – UX Kits
Hold your website architecture in your hands.
ux  cards  IA 
2 days ago
Script for installing/sharing palettes, text styles and templates across team in Sketch
7 days ago
Management & Power
"In the inverted pyramid above, management is treated as a support structure instead of a power structure. The CEO supports the VPs (and the entire company, really)—making sure they have clarity and are able to do their jobs well. The VPs support the Directors, the Directors support the Managers and the Managers, surprise, support the Makers."

"Management is about letting go of your old power (the power to write great code or design an awesome feature yourself) and putting that into the hands of your team. It’s about enabling the people on your team and supporting them to do their very best work."

"Your new power is hiring great people and removing roadblocks, not becoming one yourself."
8 days ago
Grid by Example - Usage examples of CSS Grid Layout
The following examples include an image of how the example should look in a supporting browser, code sample and link to the worked example. I have also linked to a CodePen of each example so you can fork and play with these. You will need a supporting browser to view these examples. Current supporting browsers and how to enable support in those browsers can be found on the Igalia site.
grid  css 
10 days ago
CodePen - All Devices in SVG
Morphing animation to represent a range of device types
animation  RWD  svg 
10 days ago
StatShot - Simple and clear Instagram™ straight to your inbox.
Simple and clear Instagram™ stats for you or your brand. Straight to your inbox.
13 days ago
Typeset.js – an HTML pre-processor for web typography
A ty­po­graphic pre-proces­sor for your html which uses zero client-side JavaScript
gulp  grunt  typography 
15 days ago
Just pick something! (avoiding decision fatigue at work)
"Many of us think of time as our most scarce resource, but it’s really energy"


"...remember that letting decisions linger has a number of negative consequences:

It creates cognitive overhead for the decision maker, who spends both conscious attention on it and unconscious energy (“background processing”) while they go about other activities.

It results in the paradox of choice phenomenon, meaning you’re less likely to be satisfied with the ultimate decision regardless of which way it goes.

It creates anxiety and confusion within the team, who are either blocked on dependent decisions or forced to plan out contingencies."


"If you’re unsure, do a quick visioning/anti-visioning exercise:

What’s the best that could happen if this decision is made well?

What’s the worst that could happen if the decision goes poorly?

If the gap between outcomes is small, just make a call. If, however, there’s a big gap between the potential outcomes, it’s a good sign that the decision is worthy of more thought."
paradoxofchoice  management  teams  decisionmaking 
17 days ago
flatfile prototype
Prototype of a fixed-width, scrollable left-hand column and a liquid right-hand content column — ala Sparrow
html  css  prototyping  codepen 
22 days ago
What We Got Wrong About Self-Management
“Within the first few months of being completely flat, slowly but surely a few things started to feel quite odd. People were easily lost, especially those that had just joined Buffer. More experienced people often didn’t quite see a place to help out and share ideas around which direction a project could take.”

“…the amount of freedom people had, with absolutely no guidance, expectations or accountability, was pretty overwhelming.”

“…for us, seeking a flat structure was a misperception of what self-management means.”

“The key realization here was that people by nature have a unique place within Buffer that isn’t created equal.


The best example we’ve experienced is when brand new people join the company. They naturally look towards more experienced and skilled people that are already part of the team, to help them figure out the best first steps.


There was a level of natural hierarchy that somewhat self-selected people for roles they are suited for.”

“…we brought back one-on-one mentoring meetings. The structure of these is slightly different now—instead of performance updates, it’s become a playground to work through challenges and bounce concerns and worries off someone who might have been through similar struggles in the past and can now offer some sound advice for you.”
management  process  hiring  HR  product  mentoring 
24 days ago
Cuvva - Hourly Car Insurance
edinburgh  product  startups  mobile  driving 
4 weeks ago
High performance lazy loader for images (responsive and normal), iframes and scripts, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.
4 weeks ago
Converts raster images to SVG, using color-run optimization.
svg  png 
5 weeks ago
Investment Management, Online Financial Advisor | Wealthfront
Wealthfront is an automated investment service that invests your money for you in low-cost, diversified, long-term investment portfolios.
investment  shares 
5 weeks ago
Font load events, simple, small and efficient
6 weeks ago
Scut is a collection of Sass utilities to ease and improve our implementations of common style-code patterns.
sass  css  utilities  styleguide 
6 weeks ago
Ben Holliday » Thinking about iteration
"A good measure of iterative is that you can prove you’ve thrown something away because user research showed it wasn’t working."

"There’s more than one reason to iterate:

* We need to iterate to find the most appropriate solution
* We then need to iterate to improve this solution

The problem is we don’t focus enough on first getting to the most appropriate solution."

"With our approach to prototyping in government the cost of throwing things away should be outweighed by the value of what we’re learning."
prototyping  product  userresearch  govuk 
7 weeks ago
Discovery phase — Government Service Design Manual
Find out what your users need, what to measure and what your constraints are
research  ux  userresearch  govuk 
7 weeks ago
Accessible Footnotes with CSS
Accessible Footnotes with CSS
8 weeks ago
The “seven rule” originates from a paper published in 1956 by Princeton University’s cognitive psychologist George A. Miller. In the paper the author concludes that the average human can hold only about seven different objects in working memory. Although this may be true, it doesn’t apply to picking from a number of options, because you don’t have to keep all the options in working memory. You merely have to look through them and pick the first one that seems like it would bring you closer to your goal. This behavior is called satisficing, a term coined by psychologist Herbert Simon in 1956. Instead of comparing all available options in order to find the perfect choice, most people will simply pick the first option that seems sufficiently satisfying.

In The Paradox of Choice, however, Barry Schwartz notes that some people are “maximizers”—those who try to find the best possible solution, rather than the first suitable one. What’s more, although most people can cope with a large number of choices, many don’t like doing so. Schwartz writes that “a large array of options may discourage consumers because it forces an increase in the effort that goes into making a decision.”
navigation  conversion  ux  psychology  IA 
9 weeks ago
Don’t optimize for the fewest number of clicks
"A great user interface is not one where each goal can be reached with the smallest number of clicks possible, or where the user has to pick from only a small number of choices at each step, but one where each individual click is as obvious as possible. […] As long as users feel that they are getting closer to their goal with each step, they don’t mind drilling down into a deep hierarchy."


"In mobile, tap quality is far more important than tap quantity. As long as each tap delivers satisfaction, extra taps are good. Taps invite conversation—give and take—that you can get at and explore. Building meaningful click sequences are a form of progressive disclosure that helps you uncomplicate complexity."
usability  conversion  mobile  ux  interaction  interactiondesign 
9 weeks ago
‘Plussing’ – How Pixar Transforms Critiquing into Creating
Rather than randomly critique a sketch or shoot down an idea, the general rule is that you may only criticize an idea if you also add a constructive suggestion. Hence the name plussing.
process  design  critique 
9 weeks ago
Glen Maddern: Interoperable CSS
A CSS standard for the Loader Age
10 weeks ago
A CSS Module is a CSS file in which all class names and animation names are scoped locally by default. All URLs (url(...)) and @imports are in module request format (./xxx and ../xxx means relative, xxx and xxx/yyy means in modules folder, i. e. in node_modules).
css  javascript 
10 weeks ago
« earlier      
accessibility adobe agencies agile ajax album alistapart analytics animation apple apps architecture art articles artists audio audioplayer australia badges banking bauhaus bestpractice blog blogging books branding browsers bugs business businesscards buttons carousel characters charts cms code coding colour compression contracts creativity critique css css3 culture cycling data design designers development driving dropbox drums ecommerce edinburgh education email facebook films filums firefox fireworks fis flash flashden flickr fluid fontembedding fontface fonts food forms framer frameworks freeagent freefonts freelancing funny galleries gallery gifs git github goldenratio google govuk graphics grids grunt guidelines hacks hollyfulton hosting htaccess html html5 humour ia icons ideation ie ie6 ie7 illustration illustrator imagereplacement images independence infographics inspiration interactiondesign interfacedesign investment ios ipad iphone javascript jekyll jobs jquery js keynote layouts letterpress lightbox logodesign logos mac management maps marketing mediaqueries menus metrics microformats minimal mobile money mootools music navigation onboarding origami osx parallax patterns performance photography photoshop php plugins png portfolio portfolios posters presentations print printers process product projectmt3 prototyping psychology quartzcomposer quotes reading research responsive retina rgba roundedcorners rss rwd safari sass scotland scrolling scss seo sifr sketch slider software speaking standards startups statistics stock strategy styleguide surveys svg tables tech templates testing textures thefold tools tooltips transparency travel tshirts tutorials twitter typography ui uidesign usability usabilitytesting userresearch ux vector video videos web webdesign webfonts webkit websites wireframes wordpress wordpressthemes work writing xhtml youtube

Copy this bookmark: