Persuasive design, portfolio redesign, and how to run a dev sprint. This weeks design and development inspiration rundown has a great selection of articles and code snippets to keep you up to date with last weeks tech.
Website Inspiration
Resn
A global creative digital agency. Although hard to work out how to get their contact details, I love this site! Clever use of JS animation and video.
Designer Resources, Examples and Inspiration
How and why I redesign my portfolio every year
Lessons this designer learned after iterating their site design over 6 years.
https://uxdesign.cc/how-and-why-i-redesign-my-portfolio-every-year-bf3bba3833fc
Using persuasive design and triggers to increase conversions
Learn how to improve your conversion rate and increase sales by adding persuasive design elements and triggers to your eCommerce websites.
https://webflow.com/blog/using-persuasive-design-and-triggers-to-increase-conversions
Cards 2.0
100 symbols and elements ready for use in any UI. Really nicely designed, with a light modern look.
Development Snippets, Samples, and Articles
Prettier
An opinionated code formatter that makes your code prettier.
https://github.com/prettier/prettier
KY
Ky is a tiny and elegant HTTP client based on the browser Fetch API
https://github.com/sindresorhus/ky
Sal
A lightweight scroll libary. Just remember don’t overuse, as I explain in week 27.
https://mciastek.github.io/sal/
Brownian Gnats
A great JS animation (ish) example on random paths to create little animals. Although a very basic concept, you could built a lot on top of this.
https://codepen.io/DonKarlssonSan/pen/aJVxbO
18 Tips for Running a Successful Design Sprint
Development time is a precious resource. In order to be more efficient and responsive, product teams continuously try to use advanced techniques for product creation. One of the most popular frameworks that help the product team to achieve this goal is a design sprint.
https://www.webdesignerdepot.com/2018/09/18-tips-for-running-a-successful-design-sprint/
A bit of everything
Real Work vs Imaginary Work
How do you catch more problems in the uphill phase before they catch you later on in the process? The problem with uphill work is it ‘imaginary’.
https://m.signalvnoise.com/real-work-vs-imaginary-work-8bdb84a7d1da
The Importance Of Manual Accessibility Testing
Automated accessibility tests are a great resource to have, but they can’t automatically make your site accessible. Use them as one step of a larger testing process.
https://www.smashingmagazine.com/2018/09/importance-manual-accessibility-testing/
