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.
Converts raster images to SVG, using color-run optimization.
svg  png 
6 days 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 
8 days ago
Font load events, simple, small and efficient
12 days ago
Scut is a collection of Sass utilities to ease and improve our implementations of common style-code patterns.
sass  css  utilities  styleguide 
12 days 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 
18 days 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 
21 days ago
Accessible Footnotes with CSS
Accessible Footnotes with CSS
25 days 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 
4 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 
4 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 
4 weeks ago
Glen Maddern: Interoperable CSS
A CSS standard for the Loader Age
5 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 
5 weeks ago
lazysizes - the ultimate lazyloader for responsive images, iframes and widget
lazySizes is the ultimate and lightweight lazyLoader which lazy loads images (including responsive images (picture/srcset)), iframes and scripts. It is written in VanillaJS and with high performance in mind.

Simply add the JS to your website and put the class lazyload to all elements, which should be lazy loaded. For a short API description go to the
javascript  lazyload  RWD  performance 
6 weeks ago
Design Tools at Instagram — Medium
Here’s the best one: we have a script that let’s us query for a specific hashtag, user or location and fill in our layers with the results. It now takes seconds to build out a mock of a user profile with real data as opposed to 15–20 minutes
instagram  photoshop  prototyping  product  process  data 
6 weeks ago
Modern Design Tools: Using Real Data
"Using real data has been invaluable especially when it comes to user testing. If you’re working on an existing product, being able to test new designs with a real user with their real data yields an order of magnitude better insights and feedback. Something as simple as passing in a user ID, or having them authenticate their account and pulling a sampling of data allows users to react beyond the surface level of a design, and give profoundly better feedback about the viability and usability of a feature."
prototyping  data  framer  mobile  product  interactiondesign 
6 weeks ago
A New Yorker walks into a San Francisco start up… — Medium
Designers will do anything to convince themselves we are not in a service industry. Why are we so desperate to make ourselves feel better? Because we feel GUILTY and we have to reconcile what we do professionally with the world we live in. We WANT to save the world so we repeat our daily affirmations on our way to work
7 weeks ago
Rallly - Collaborative Scheduling
Rallly lets you and your friends vote on a date to host an event
calendars  collaboration 
7 weeks ago
Digital Academy: Understanding the problem | DWP digital
“Your job is to help your team ship the right product to your users. Your job is to figure out who your users are, what they want to be able to do, and what the right products are to help them do that.
You’ll need to spend time with the people who are going to use your product and watch them do whatever it is they do. Your goal is to both understand them and empathise with them.”


Start by writing a short research plan. Keep this simple, but include:

1. a summary of what you want to learn (use bullet points for any key questions you need to answer)

2. a set of opened-ended questions you can use when talking to people (don’t include more than 10 questions – these should help you focus on what you want to learn, acting more as prompts, rather than like ‘survey’ questions).
When you talk to people, let the conversation flow rather than sticking rigidly to your plan. The most difficult skill to master is giving people the space to talk without interrupting them (this is harder than you think).

As you start to learn you’ll want to make adjustments to your initial set of questions, so don’t be afraid to do this as you go along.

Most importantly, make sure that you don’t ask people questions about their preferences – we’re interested in what they do, rather than their opinions.


Most importantly, take time out to write down key observations or quotes. It’s a good idea to use post-it notes so you can stick up observations in your project space to discuss with your team.


It’s not about how much research you do, it’s about how well you understand the needs of your users.
research  govuk  testing  userresearch  product  empathy 
8 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 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 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: