Ravi GurungforJoBins Engineeringblog.jobins.jp·Sep 27, 2024What is Interaction Design and it's Principle?Interaction design is all about making it easy and natural for people to use digital products, like websites or apps. It does this by giving feedback when users interact, such as showing animations when they scroll, changing the look of buttons when ...DiscussIXD Design
Brent Morrisclosetgeekshow.ca·Apr 26, 2024Unpacking Cognitive LoadI found Beth J's recent post "The lazy load, endless scroll, and color slicing have to go" to be a thought-provoking read. I found myself connecting it with a number of things I've read recently that I'll try to link to as I go. It really made me ref...Discuss·30 readsWeb Accessibility
Hari Prasad Designerblog.hariprasd.me·Oct 26, 2023Creating a hover triggered text weight animation in Next Js / React - with source codeWe will be creating a NextJs component that receives a string as a prop & animates it, Code below 👇 Note: Use Variable fonts to get seamless animation. Mona Sans is used for this example As a bonus, We will be using Framer motion & Tailwind CSS to t...Discuss·6 likes·509 readsBuild with HariprasadReact
Biyoo Alexandre daviesbiyoo.hashnode.dev·Sep 24, 2023What is UX DesignIn today's digital age, User Experience (UX) design has become an integral part of product development. It encompasses a wide range of activities, from understanding user needs to crafting intuitive interfaces and ensuring seamless interactions. In t...Discuss·1 likeux design
Ogered-april0334.hashnode.dev·Sep 19, 2023UX design quadrant model: IntroductionIn this blog post, I will introduce you to the quadrant model, which is a useful way to understand the different specializations of UX design and how they work together. The quadrant model was proposed by Dan Saffer in his book Designing for Interac...DiscussUser Research
Alexis Abakasangaalexisabakasanga.hashnode.dev·Jul 5, 2023Day 48: Interaction DesignToday, I learned about Interaction Design methodologies and the daily tasks performed. Interaction Design (IxD) defines the structure and behavior of interactive systems. Interaction designers strive to create meaningful relationships between people ...Discuss60daysUXchallenge
Alexis Abakasangaalexisabakasanga.hashnode.dev·Jun 20, 2023Day 33: Carousel Scroll Interaction in FigmaToday, I created a carousel scroll interaction animation in Figma. This advanced prototyping exercise took a while for me to grasp. I had difficulties at the start and end of the session. I now understand how to create these interactions. I also read...Discuss60daysUXchallenge
Alexis Abakasangaalexisabakasanga.hashnode.dev·May 27, 2023Day 9: Figma Smart Animate TutorialThis was a fun and challenging hands-on session about creating animations on a website in Figma. This is my first time using animations, I normally just create static, lifeless, and stationary websites, but seeing these subtle effects excites me to t...Discuss·1 like·39 readsProduct Design
Lim Woojaejaylog.hashnode.dev·May 11, 2023[UI/UX] What Is a Problem Space & Its ImportanceProblem Space Problem Space is implemented in the discover phase in the double-diamond of design diagram. You would have been in a situation where you experienced an inconvenience with a certain product, then you think "There is a problem with this p...Discuss·33 readsUI/UXUX
Arzath Areeffrzomar.hashnode.dev·May 4, 2023Interaction Modelling and Design: Exploring WIMP Components in GUI Design and Interaction ParadigmsInteraction Modelling and Design: Exploring WIMP Components in GUI Design and Interaction Paradigms Interaction Paradigms Interaction Paradigms are a set of assumptions and practices that define how users interact with software systems. In this slide...Discuss·37 readsSLIATE
![[UI/UX] What Is a Problem Space & Its Importance](https://cdn.hashnode.com/res/hashnode/image/upload/v1683793166930/bd255186-a12a-4733-beee-e825b616b896.avif?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
