Embracing change with system-driven design

To embrace change, you have to make it easy and cheap. System-driven design is one way to do just that. Waterfall, the double diamond, and other traditional ways of approaching the development of digital products rooted in the building perspective take for granted that it’s easier to make changes to designs than code. They operate under… Continue reading Embracing change with system-driven design

Continuous design: a framework for digital products

I used my observations of good and bad design practices in product teams to identify three key principles that could be used to build up the framework: Design engages with messy reality Design knowledge resides in models Most (digital) design happens post-launch 1. Design engages with messy reality Many teams are so focussed on their… Continue reading Continuous design: a framework for digital products

How to Load in and Animate Content With Vanilla JavaScript

One of our popular tutorials on Tuts+ teaches readers how to load in and animate content with jQuery. While using jQuery allows us to write relatively less amount of code to achieve the desired functionality, it also increases page load time and introduces unnecessary dependency. Unless the website you are working on is already loading… Continue reading How to Load in and Animate Content With Vanilla JavaScript

15+ Prototyping Templates for Fintech and Banking Apps

The world of finance and banking is rapidly changing, with technology playing an increasingly important role in helping businesses stay competitive. As such, it’s essential for developers to have the right tools at their disposal when creating fintech and banking apps. That’s why we’ve compiled a list of over 15 different prototyping templates for fintech… Continue reading 15+ Prototyping Templates for Fintech and Banking Apps

Designing for dyslexia

Camryn Manker · Follow Published in UX Collective · 7 min read · Just now — Listen Share Photo by Rob Hobson on Unsplash 1 in 10 people have dyslexia. The world has about 7.8 billion people living it in, so there are around 780 million people who are dyslexic. In other words, there are… Continue reading Designing for dyslexia

Published
Categorized as UX Tagged

AI? Artificial Intelligence? Accessible Intelligence!

What We Can Look Forward To in the New AI World The Journey For the uninitiated, the concept of AI could seem new, but I can remember learning the term in the late 1980s when I took a course in LISP. LISP is a computer language originally developed over sixty years ago at MIT and… Continue reading AI? Artificial Intelligence? Accessible Intelligence!

Is AI an SEO Killer?

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}#i85g{background-color:rgb(243, 245, 246);} The importance of search engine optimization cannot be overstated. SEO is the lifeblood of online visibility, helping businesses reach their target audience through organic search engine results. But as we step further into the age of AI, we’re witnessing a paradigm shift in the way… Continue reading Is AI an SEO Killer?

15 Figma Wireframe Templates for Online Education Platforms

The design and user experience of an online platform can make or break its success. This is especially true for online education platforms, where clear navigation, engaging design, and seamless user experience are crucial for effective learning. That’s why we’ve collected several Figma wireframe templates to showcase here today. These templates serve as a blueprint… Continue reading 15 Figma Wireframe Templates for Online Education Platforms

Make A FullScreen Button with JavaScript (for Video and Other HTML Elements)

In this tutorial, you’ll learn how to make an element enter fullscreen mode in any browser using the JavaScript FullScreen API. “The Fullscreen API adds methods to present a specific element and its descendants in fullscreen mode, and to exit fullscreen mode once it is no longer needed” – MDN Fullscreen mode removes… Continue reading Make A FullScreen Button with JavaScript (for Video and Other HTML Elements)

Make A FullScreen Button with JavaScript (for Video and Other HTML Elements)

In this tutorial, you’ll learn how to make an element enter fullscreen mode in any browser using the JavaScript FullScreen API. “The Fullscreen API adds methods to present a specific element and its descendants in fullscreen mode, and to exit fullscreen mode once it is no longer needed” – MDN Fullscreen mode removes… Continue reading Make A FullScreen Button with JavaScript (for Video and Other HTML Elements)

5 Overdone Photoshop Effects and How You Can Improve it

1. How to Add a Lens Flare Overlay in Photoshop Step 1 Let’s start with a classic light leak overlay. The go-to light leak overlay is a blob of color on an empty layer set to Screen. It’s fast but flat.  Instead, try using a Gradient Map adjustment layer set to Screen.   For a… Continue reading 5 Overdone Photoshop Effects and How You Can Improve it

Design Risks: How to Assess, Mitigate, and Manage Them

It’s impossible to see into the future and anticipate every possible outcome of our design decisions. As a result, every major design decision comes with risks: risk that the design will be unfamiliar or hard to use or unpopular, risk that it will cost too much money, or risk that it will be abused or… Continue reading Design Risks: How to Assess, Mitigate, and Manage Them

Good UX is not enough without a proper communication plan

To make a design thrive, you should support it with strategies to make it even more robust and accepted. There should be a coexistence between a practical design that should be free of explanation (invisibility) and effective communication (notoriety) Like many designers, I’ve been practicing this mantra all my career: “Good design is invisible,” but… Continue reading Good UX is not enough without a proper communication plan

What is Adobe Firefly?

In the digital age, the emergence of Artificial Intelligence (AI) has revolutionized how designers can create and manipulate their designs. AI tools such as Adobe Firefly make it somewhat easier for designers to quickly generate visuals with minimal effort. This article will discuss what Adobe Firefly is, how to get Adobe Firefly, and how to… Continue reading What is Adobe Firefly?

Top 10 Tips to Optimize Your WordPress Website

Almost all businesses today usually have their own website to mark their online presence. While different businesses will have different types of websites and strategies in place to increase their sales, all of them would like a faster loading website. An optimized website is beneficial for a lot of reasons. The website owners save on… Continue reading Top 10 Tips to Optimize Your WordPress Website