Curated Learning Paths By Ruth:
![What is Usability Testing? (and What it Isn’t) | Hotjar](https://images.ctfassets.net/lh3zuq09vnm2/6lLaCXlQzNkuZXyNZKoPQT/1dfe8c3ff6b0fd3d0e7d231307b69118/usability-testing.png)
![How To Get To Know Your Users — Smashing Magazine](https://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/2df98092-bd12-4648-8a13-01f8f4ae9d45/tip-of-the-iceberg-user-research.jpg)
![Guidelines for awesome web form design - Justinmind](https://assets.justinmind.com/wp-content/uploads/2019/04/web-form-design-HEADER.png)
![Usability Testing: How to Do It & Its Benefits for Business](https://uxstudioteam.com/ux-blog/wp-content/uploads/2021/03/Usability-testing-companies.png)
![Nielsen's Heuristics: 10 Usability Principles To Improve UI Design](https://aelaschool.com/wp-content/uploads/2022/06/1_ad3b7863af7fff23ae9227db790d3597_2000.png)
![The Rules for Modern Navigation | UX Booth](https://assets.uxbooth.com/uploads/2017/01/lead-3.gif)
![The Role of Animation and Motion in UX](https://media.nngroup.com/media/articles/opengraph_images/Animation-Motion-UX-Social-Media-Posts_2020.png)
![Data-informed design: Getting started with UX analytics | Mixpanel](https://mixpanel.com/wp-content/uploads/2018/09/img10.png)
![What are Gestalt Principles? | Interaction Design Foundation (IxDF)](https://assets.interaction-design.org/img/hero-images/homepage.jpg?id=e24650fe47d6a25243d5e43d58a12bca)
![7 Websites with Search Box UX Best Practices You Should Steal](https://cdn.coveo.com/images/f_auto,q_auto/v1662664720/blogprod/CCS-1764_Blog_7SitesWithSearchUXIdeasYouShouldStealV2742/CCS-1764_Blog_7SitesWithSearchUXIdeasYouShouldStealV2742.png?_i=AA)
![Accessibility in UX: The case for radical empathy - | UX Magazine](https://uxmagazine.uxmag.com/wp-content/uploads/2020/05/RadicalEmpathy_Slider.png)
![3 Uses for Analytics in User Experience Practice](https://media.nngroup.com/media/articles/opengraph_images/SocialMediaPosts_31-100_jpw-02.png)
![Affordances, Signifiers & Feedback: Definitions and Examples](https://dpbnri2zg3lc2.cloudfront.net/en/wp-content/uploads/2021/01/universal-4.jpg)
![Microcopy in a nutshell: Past, present and future - UX WRITING HUB](https://uxwritinghub.com/wp-content/uploads/2021/07/screens-without-microcopy.png)
![Expertise limits. Let’s talk about the expertise limits… | by Anita Martinello | Bootcamp](https://miro.medium.com/max/1200/1*m82z88qUTIP-YuZRe-VHcw.jpeg)
![UI/UX Principle #18: Strive for Simplicity and Clarity Above All - Fresh Consulting](https://www.freshconsulting.com/wp-content/uploads/2020/08/kevin-bhagat-zNRITe8NPqY-unsplash-scaled-e1578951042676.jpg)
![User flow dead-ends are costly | UX Collective](https://miro.medium.com/max/1200/1*jmxS7Tb2n6YQ4ngRLGPpXQ.png)
![Measuring UX: Usability Evaluation | by Ish∆n | Prototypr](https://miro.medium.com/max/1200/1*qIItMb6_1Ninb0Sl5nn5iA.png)
Product design UX fundamentals
Free
In this path you will learn: - What is a usability test - Who is your user - The basic aspects of usable navigation, search, form, or animation - Errors and overloading your users - How to check if what you designed is usable
Curated by:
Ruth Holler
+ 23
![Figma Tips ⚡ - Frames or Rectangles](https://i.ytimg.com/vi/ybDBogPBwZU/hqdefault.jpg)
![Figma Tutorial: Creating Styles](https://i.ytimg.com/vi/gtQ_A3imzsg/hqdefault.jpg)
![Real-Time prototyping & collaboration with your Design Team in FIGMA](https://i.ytimg.com/vi/d7eRJN8FuLQ/hqdefault.jpg)
![Figma Tutorial - Prototyping in Figma](https://i.ytimg.com/vi/iBkXf6u8htI/hqdefault.jpg)
![How to organize your design file on Figma](https://i.ytimg.com/vi/hV-do16z6SU/hqdefault.jpg)
![Figma Basics Tutorial for Beginners (Free Design Tool!)](https://i.ytimg.com/vi/WhlNnf1711M/hqdefault.jpg)
![Figma tutorial: Masks](https://i.ytimg.com/vi/tUcBcz8bjVs/hqdefault.jpg)
![Figma in 5: Auto Layout](https://i.ytimg.com/vi/TyaGpGDFczw/hqdefault.jpg)
![Figma Tutorial: Overlays](https://i.ytimg.com/vi/t82XRda5DnY/hqdefault.jpg)
![Design a ios mobile app with grid setting in Figma](https://i.ytimg.com/vi/r0WRWxUtmx0/hqdefault.jpg)
![Tools in Figma - Part 4 - Pencil, Text, Hand and Comment Tool - UI Design Episode #13](https://i.ytimg.com/vi/bJzKdFUzwCA/hqdefault.jpg)
![Figma Tutorial: Effects](https://i.ytimg.com/vi/e1BRH09iwes/hqdefault.jpg)
![Frames vs Groups in Figma](https://i.ytimg.com/vi/uvUnXa_uBNQ/hqdefault.jpg)
![Horizontal & Vertical Scrolling | Figma Tutorial](https://i.ytimg.com/vi/wIPo7vxxchY/hqdefault.jpg)
![Login screen design using Figma | login page UI figma tutorial](https://i.ytimg.com/vi/wydpOg3r8Pc/hqdefault.jpg)
![Figma Tutorial: Pen Tool Basics & Vector Networks](https://i.ytimg.com/vi/5x2uHUB_pzw/hqdefault.jpg)
![Figma tutorial: Component properties](https://i.ytimg.com/vi/iIq8FLt1hUY/hqdefault.jpg)
![Figma Tutorial: Variants](https://i.ytimg.com/vi/y29Xwt9dET0/hqdefault.jpg)
![Create a Button With a HOVER Functionality in 128 SECONDS (Figma Tutorial)](https://i.ytimg.com/vi/AHBEpMD2dZ0/hqdefault.jpg)
![Search & Category UI Design In Figma](https://i.ytimg.com/vi/fAbjb4lj74M/hqdefault.jpg)
![Placing images in Figma](https://i.ytimg.com/vi/jKHRpWnsoow/hqdefault.jpg)
![Figma tutorial: Constraints](https://i.ytimg.com/vi/LHY9cm_2zwU/hqdefault.jpg)
![Figma Tutorial: Importing & Exporting](https://i.ytimg.com/vi/cpG3foCWX-E/hqdefault.jpg)
![Website Animations Using ONLY Figma](https://i.ytimg.com/vi/gofICZUqltY/hqdefault.jpg)
![Figma Search Bar Animation | Search Box Input Field Interaction (2021)](https://i.ytimg.com/vi/yBarT7wG2qQ/hqdefault.jpg)
UI fundamental in Figma
Premium
In this path you will learn: - Introduction to Figma interface and tools - Design Workflow - Prototypes with transition effects - Wireframe and Design your own App idea - Understand usage of Layout Grid - Design Collaboration with other Team members
Curated by:
Ruth Holler
+ 5
![Designing Emotional UI. Emotions play a massive role in our… | by Nick Babich | UX Planet](https://miro.medium.com/freeze/max/600/1*ZT6J_vqMLVPNdNOSxLaAaQ.gif)
![Design relationships. It all starts with a specific need we… | by Paolo Tripodi | UX Collective](https://miro.medium.com/max/1200/1*AWxeRtTZUSNtCiByOMJI-A.png)
![Typography in UI Design: An Ultimate Guide for Beginners](https://d3h2k7ug3o5pb3.cloudfront.net/image/2021-08-13/bf9c56b0-fc1c-11eb-93c3-39808ab6b339.jpg)
![Text fields & Forms design — UI components series | by Taras Bakusevych | UX Collective](https://miro.medium.com/max/1200/1*kIgFEQYSKMk2DSW-yff5jg.jpeg)
![UI cheat sheet: Spacing friendships | by Tess Gadd | UX Collective](https://miro.medium.com/max/1200/1*JWSihHVwwPaTpjO7GsSIww.png)
![Colors in UI Design: A Guide for Creating the Perfect UI - Usability Geek](https://usabilitygeek.com/wp-content/uploads/2020/06/color-1024x683.jpg)
![How to Use Gradients in Web Design & 6 Stunning Examples | Elementor](https://elementor.com/marketing/wp-content/uploads/sites/9/2021/09/15.08.2021_GRADIENTS-IN-WEB-DESIGN-TRENDS-_-EXAMPLES_BLOG-06.png)
![Principles of Design: Balance – UX Engineer](https://uxengineer.com/wp-content/uploads/2018/11/principles-of-design-balance.jpg)
![Alignment in UI: The Invisible Structure Behind Designs](https://aelaschool.com/wp-content/uploads/2022/06/1_9aecf7a7e518284b27344ac6c10a0e05_2000.png)
![How to read nonverbal cues during UX research | by Matt Gramcko | UX Collective](https://miro.medium.com/max/1200/1*jvb6PXwWVIAPDKk-DeoQQw.png)
![UI Typography | Basis | Body text](https://imperavi.com/assets/img/book3/02-07-01-2x.png)
![The ideal line length & line height in web design - Pimp my Type](https://pimpmytype.com/wp-content/uploads/2021/12/21-lineheight-Thumb.jpg)
![How to Use Shapes in UI Design - UI Freebies](https://uifreebies.net/wp-content/uploads/2020/08/How-to-Use-Shapes-in-UI-Design-00.jpg)
![How to use contrast in UI Design. Definition and examples | by Wojciech Zieliński | Prototypr](https://miro.medium.com/max/1021/1*UPcCIKJQC2Cxfq2FAuPrQA.png)
![7 tips to design faster. And a why speed is important. | by José Torre | UX Collective](https://miro.medium.com/max/1200/1*XK57wAmdiAEhX2pmkQW_2A.png)
![What is Anatomy of Type? | Interaction Design Foundation (IxDF)](https://assets.interaction-design.org/img/hero-images/homepage.jpg?id=e24650fe47d6a25243d5e43d58a12bca)
![Why & How to Increase Readability in UI Design?](https://file.mockplus.com/image/2018/06/564d9533-762c-46c6-8c34-0d1791664a60.jpg)
![5 Best Practices for UI Localization | Crowdin Blog](https://blog.crowdin.com/assets/posts/ui_localization_cover.png)
![How UI Illustrations Improve UX](https://www.secretstache.com/wp-content/uploads/2021/03/pricing-tunnelbear.png)
![Complete guide to form design - Justinmind](https://assets.justinmind.com/wp-content/uploads/2019/05/form-design-guide.png)
![How to Work with Composition in UI? – Reginald Chan](https://www.reginaldchan.net/wp-content/uploads/2021/04/Composition-In-UI.jpeg)
![Branding in web interfaces: How customer experience can make you stand out | Qubstudio](https://qubstudio.com/wp-content/uploads/2018/11/02-08.png)
![Aspect Ratios: All You Need to Know](https://studio.uxpincdn.com/studio/wp-content/uploads/2021/05/Aspect-ratios.png)
![How to Use Grid Layout Effectively in UI Design?](https://300mind.studio/wp-content/uploads/2022/06/grid-layout-design.png)
![What Are User Interface (UI) Design Patterns?](https://dpbnri2zg3lc2.cloudfront.net/en/wp-content/uploads/2021/01/UI_patterns.png)
![Visual Hierarchy: Effective UI Content Organization](https://blog.tubikstudio.com/wp-content/uploads/2017/10/visual-hierarchy-in-UI-design.jpg)
![How To Use Typography In UI Design: A Beginner's Guide](https://dpbnri2zg3lc2.cloudfront.net/en/wp-content/uploads/2021/01/typography-cover-image-ui.png)
![Pairing Fonts: The Step-by-Step (& Illustrated) Guide](https://learnui.design/blog/img/posts/pairing-fonts.png)
![Fitts's Law: The Importance of Size and Distance in UI Design | Interaction Design Foundation (IxDF)](https://public-images.interaction-design.org/literature/articles/heros/54738bc895d6f290ecdc44a2f73d66831419d37deb843.jpg)
![Fundamentals of color in user interface design (UI) | by Leonardo Moreno | UX Collective](https://miro.medium.com/max/1198/1*0Ps3uXN-31SFVQXjS9jmjg.png)
![Checklist for Using Icons In UI. Icons are one of the most frequently… | by Nick Babich | UX Planet](https://miro.medium.com/max/1200/1*ZyE4wexvhyXwpJsDT9r9ZA.png)
Mastering UI design
Premium
In this path you will learn: - How to create a colour pallet - How to create a grid that works for modern web applications - How to create a typographic system - How to use griding
Curated by:
Ruth Holler
+ 3
![What Is UX Design? - A Full Overview](https://i.ytimg.com/vi/SRec90j6lTY/hqdefault.jpg)
![Defining user personas, user stories, scenarios & storyboards - Justinmind](https://assets.justinmind.com/wp-content/uploads/2017/07/user-persona-scenario-storyboard-ux-research.png)
![What is a Wireframe? the Ultimate Guide to Wireframe Design - Justinmind](https://assets.justinmind.com/wp-content/uploads/2020/12/wireframe-full-guide-768x492.png)
![What Is Design Thinking? An Overview](https://i.ytimg.com/vi/gHGN6hs2gZY/hqdefault.jpg)
![Creativity: The science behind the madness | Rainn Wilson, David Eagleman & more | Big Think](https://i.ytimg.com/vi/zNHDTvqbUm4/hqdefault.jpg)
![The Innovation Matrix: Four Types of Innovation Explained](https://i.ytimg.com/vi/4wHoClTiPoI/hqdefault.jpg)
![What is the User-Centered Design Process? (UCD)](https://i.ytimg.com/vi/-aj3gdCsb7Y/hqdefault.jpg)
![5 User Persona Examples to Help You Create Your Own](https://userguiding.com/wp-content/uploads/2019/10/user-persona-examples.jpg)
![An Introduction to Digital Prototyping](https://cdn.sanity.io/images/qyzm5ged/production/388c0b0a8960812a755bc322ba7264c97e797e40-2138x1200.jpg)
![Innovation vs. Creativity Demystified](https://i.ytimg.com/vi/5_8kyhUYD6Q/hqdefault.jpg)
![Problem Solving Techniques: 5-Why-Method, Flowchart, Mind-Map](https://i.ytimg.com/vi/XTV1aGIn1U4/hqdefault.jpg)
![Canvas Explainer](https://i.ytimg.com/vi/5yKPj-8jCiU/hqdefault.jpg)
![User journey map: the ultimate guide to improving UX | Appcues Blog](https://assets-global.website-files.com/5c7fdbdd4e3feeee8dd96dd2/62c760d1f58afbff9fde98b6_Blog-UserJourneyMap%402x.png)
![7 tips on prototyping and testing digital products | by Patric Hadzsinicsev | UX Collective](https://miro.medium.com/max/1095/1*-Z6dDg2o3HJA-GbqWZ4I9g.png)
![The 6 Habits of Exceptionally Creative People](https://i.ytimg.com/vi/JmQPNJhw5kQ/hqdefault.jpg)
![Change The Way You Solve Problems Using Design Thinking](https://i.ytimg.com/vi/MMouHj75YwQ/hqdefault.jpg)
![Conduct UX Research Like A Pro (How-To Guide)](https://dpbnri2zg3lc2.cloudfront.net/en/wp-content/uploads/2021/01/woman-doing-user-experience-design-research-online.jpg)
![Writing Powerful Product Features: The What, Why, and How](https://assets-global.website-files.com/60e5f2de011b865a06c30ddd/61424e2b1e3dc14cb0715a87_Thumbnail%203%20large%20(1).jpg)
![UI Design Process - 7 Easy Steps to Make Great UIs Faster](https://www.softkraft.co/uploads/blog/ui-design-process/ui-design-process.png)
![Product Development—a Creative Process | by Alex Yampolsky | UX Planet](https://miro.medium.com/max/1200/1*sd4V4l9X5crT0QVQvYXHLw.jpeg)
![The Innovation process - Implement & Scaling phase](https://i.ytimg.com/vi/tRuejkvx1RU/hqdefault.jpg)
![How to Create a User Research Plan [Template]](https://global-uploads.webflow.com/59b1667dd2e65000019d07be/61a4f25e51c301d7f64fcffe_UI_CHAPTER_02_ARTWORK.jpg)
![How To Create A User Flow [2022 Step-by-Step Guide]](https://dpbnri2zg3lc2.cloudfront.net/en/wp-content/uploads/2021/01/user_flows-2.jpg)
![How to put together an effective and eye-catching UX design portfolio | by David Leøng | UX Collective](https://miro.medium.com/max/1200/1*uGA9ItThlcdQ5psdEWX9MA.jpeg)
![4Ps Creative process](https://i.ytimg.com/vi/ckYsjdTLRmA/hqdefault.jpg)
![The Innovation Framework](https://i.ytimg.com/vi/HeniOYJRQDo/hqdefault.jpg)
Product management fundamental
Premium
- Principles of User Experience(UX) Design and User Interface(UI) - Principles & Frameworks for Design Thinking - Prototyping and User Testing of Prototypes - Design Thinking principles and frameworks - Creativity vs. Innovation - Innovation process and its different types
Curated by:
Ruth Holler
+ 17