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·348 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
Oyiza Kharimat Usmankharimatusman.hashnode.dev·Feb 20, 2023Figma InteractionsHave you made your first design on Figma? Are you ready to put on your big boy pants and add interactions to your design? Then you came to the right article, I am taking us on a journey to understand the elements of prototyping and how to use it Wha...Discuss·16 likes·783 readsfigma
kangerkanger.hashnode.dev·Sep 18, 202211 Critical UX Design Skills and How to Develop ThemA UX designer is responsible for optimizing every interaction that an end-user has with their company. The term UX design, short for user experience design, refers to all aspects of interaction between humans and products. These experiences include b...Discuss·30 readsUX
![[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)
