Skip to main content

Creative and Development Inspiration 15

After a weeks break (Girlfriends birthday) I am back with another web dev/design rundown. There are some great UX/UI articles, as well as some darn pretty pictures.

 

People Don’t Scroll ( and Other Page Length Myths )

A few page length myths debunked. A few of those “beliefs” that are thrown around and checked against studies to see what really is correct! Do people understand scroll? How long should a page be?

https://uxplanet.org/people-dont-scroll-and-other-page-length-myths-c7ca720a0595

 

UI Design Inspiration #3

A series of UI Design Inspiration from FreeUi.Design. Some beautiful examples of icons, applications and website. Definately worth a look.

https://freeui.design/ui-design-inspiration-3/

 

Daily Life Interactions To Learn UX From

If we look into our everyday life, it consists of continuous series of microinteractions that often go unseen, almost at a sensory level. The thing is, they feel natural but they are 100% artificial, which means someone designed them and as UX researchers, we might want to learn from it.

https://uxplanet.org/daily-life-interactions-to-learn-ux-from-2888e1ca9d80

 

SVG Backgrounds

Customizable SVG patterns and background designs for websites and blogs. Great for adding some colour, but keeping the page load time down!

https://www.svgbackgrounds.com/

 

The 12 Do’s and Don’ts of Web Design

If you design websites, you know that making your designs useful and enjoyable is your top priority. It can be an overwhelming task for anyone who just recently started creating websites, so to simplify it, Adobe has created a simple list of do’s and don’ts to keep in mind when designing your next web design project.

https://theblog.adobe.com/12-dos-donts-web-design-2

 

Build a Download Button Full of Micro Interactions

On the same vain as most of the other articles, UX! Learn how to build a button that is full of useful micro interactions. Some coding goodness to end the list.

https://scotch.io/tutorials/build-a-download-button-full-of-micro-interactions

Creative and Development Inspiration 14

This week I have found some great links for UX snippets and examples, some CSS/JS magic, and a little titbit for you cryptocurrency geeks. All in a days work.

 

Bye bye Material Design

Considering Material Design for your next project? Emin Durak thinks otherwise. He belives that it is, I quote, “premature, shallow and arguably incorrect approach”.

https://medium.com/techtrument/bye-bye-material-design-acaebcc7c6b4

 

Micron.js

A Microinteraction Libary Built with CSS Animations and JS. A great plug and play libary for a quick MVP.

https://webkul.github.io/micron/

 

How Much Do You Know About Web Typography

Web typography is a bit tricky. So many quirks and snippets of information you need to know. Take this web typography quiz and test your typography knowledge.

https://betterwebtype.com/web-typography-quiz

 

Gradient Topography Animation

Codrops is back with a great new code snippet. An incredibly sleek organic SVG shape layer animation based on Diana Hlevnjak’s work “Gradient Topography”. Powered by anime.js.

https://tympanus.net/Development/GradientTopographyAnimation

 

Button with Email Dropdown

Code My UI has brought us a nice little snippet to create a drop down input field from a button. Keep everything tucked anyand tidy!

https://codemyui.com/button-email-optin-dropdown

 

Jump on the Cryptocurrency Bandwagon

Minergate is a piece of software that mines a varity of cryptocurrency coins in the background whilst you work. You can set the level depending on how much you need to use your CPU/GPU. Keep the referral link, and I get a small percentage of the fee (nothing is taken from you!)

https://minergate.com/a/2b33a24f39993dc303296b47

Creative and Development Inspiration 13

2018 so far seems to be the year that UX/UI is at the forefront of every-bodies mind. Maybe that’s just me though? Well with that thought, here are a few links to tickle your Monday brain. Some are educational some are just pretty.

 

Microinteractions to Help Improve UX

As your users spend time on your website, they are constantly interacting with its features – and some of those small interactions matter more than you might think.

Each small movement has an impact on their overall experience. Use these small moments to improve your user experience, and ensure users follow through on further interaction as they begin navigating your website.

Speckyboy covers some examples of Micro interactions, and goes into a little detail.

https://speckyboy.com/eight-microinteractions-better-user-experience/

 

Hawaii’s missile alert fiasco highlights the importance of good interface design

We all read the news. The panic that struck residents and tourists in Hawaii on Saturday morning over the past weekend – owing to a public emergency alert about an incoming ballistic missile that was mistakenly transmitted – could have been easily avoided with the help of good design.

https://thenextweb.com/dd/2018/01/15/hawaiis-missile-alert-fiasco-highlights-the-importance-of-good-interface-design

 

Laws of UX

This site highlights a collection of key maxims that designers should consider when building user interfaces. A really clean site with some great insight.

https://lawsofux.com

 

Smooth Gooey Radio Slider Button

This is just something a bit different. A Codepen of a nice micro interaction for a radio button.

https://codemyui.com/smooth-gooey-radio-slider-button/

 

Sketch Icons – Generate a Dynamic Icons Libary

This one is for the designers. Creating a dynamic icon library is time consuming. Here is an article outlining how to do it manually, and then a link to a great plugin to streamline your workflow.

https://blog.prototypr.io/introducing-sketch-icons-2074d9dc9ed2

 

Decorative Letter Animations

Something pretty to finish off. Tympanus has done it again with some great text animations. Each example has a Github link to see the code snippet.

https://tympanus.net/Development/DecorativeLetterAnimations/