{"id":20619861,"url":"https://github.com/mafda/ux_tools","last_synced_at":"2026-03-19T16:45:37.933Z","repository":{"id":81393562,"uuid":"273717971","full_name":"mafda/ux_tools","owner":"mafda","description":"A brief introduction to User Experience - UX. A list of the main UX tools and methods: Strategy, Ideas, Planning, Validation, Design, Metrics, and Launch! ","archived":false,"fork":false,"pushed_at":"2020-09-17T20:59:43.000Z","size":123,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-12-08T00:58:26.819Z","etag":null,"topics":["ux","ux-design","ux-methods","ux-tools"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mafda.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-06-20T13:55:51.000Z","updated_at":"2023-05-12T16:59:24.000Z","dependencies_parsed_at":"2023-02-26T08:30:16.841Z","dependency_job_id":null,"html_url":"https://github.com/mafda/ux_tools","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mafda/ux_tools","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mafda%2Fux_tools","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mafda%2Fux_tools/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mafda%2Fux_tools/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mafda%2Fux_tools/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mafda","download_url":"https://codeload.github.com/mafda/ux_tools/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mafda%2Fux_tools/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30304050,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-09T14:33:48.460Z","status":"ssl_error","status_checked_at":"2026-03-09T14:33:48.027Z","response_time":61,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ux","ux-design","ux-methods","ux-tools"],"created_at":"2024-11-16T12:12:42.568Z","updated_at":"2026-03-09T17:14:14.542Z","avatar_url":"https://github.com/mafda.png","language":null,"readme":"**Table of Contents**\n\n- [UX - User Experience](#ux---user-experience)\n  - [Differences between UI and UX](#differences-between-ui-and-ux)\n  - [UX Tools](#ux-tools)\n  - [UX Tools and Methods](#ux-tools-and-methods)\n    - [1. Product strategy](#1-product-strategy)\n    - [2. Ideas Generation](#2-ideas-generation)\n    - [3. Planning and Development](#3-planning-and-development)\n    - [4. Validation and Research](#4-validation-and-research)\n    - [5. Interface Design](#5-interface-design)\n    - [6. Success Metrics](#6-success-metrics)\n    - [7. Launch MVP](#7-launch-mvp)\n  - [More interesting tools](#more-interesting-tools)\n  - [More interesting links](#more-interesting-links)\n  - [UX checklist](#ux-checklist)\n  - [Other repositories](#other-repositories)\n  - [Reference](#reference)\n\n# UX - User Experience\n\nUser Experience - **UX** occurs when the **user** comes into **contact** with a **product**.\n\n* How to **listen** to the user and **extract** needs?\n* How to **create** products that people need?\n  \n## Differences between UI and UX\n\n| UI - User Interface                                                                              | UX - User Experience                                                                                                                |\n| :----------------------------------------------------------------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------- |\n| What the user finds and sees when they arrive at a website or app                                | Focuses on what the user perceives of the website or app                                                                            |\n| Everything that allows you to interact with the website or app, from buttons to forms            | Focuses on whether the content was useful, whether the navigation was enriching, and whether it was easily manageable and intuitive |\n| Ensures that the website or app looks good and works well on all platforms: mobile, web, tablets | Includes target research, psychology, design, and marketing                                                                         |\n\n## UX Tools\n\nUX tools are essential because you have got to have a **wide range of options** to help you create the things you need.\n\n## UX Tools and Methods\n\n![ux_tools_by_mafda](img/ux_tools_by_mafda.png)\n\n### 1. Product strategy\n\nHow to **discover** and **create** what people need.\n\n* [Blueprints](https://medium.com/@cynthiarisse/service-blueprinting-69ce8fd0509)\n* [Customer Journey Map](https://medium.com/@uxmastery/how-to-create-a-customer-journey-map-42e6ac7d8757)\n* [Ecosystem](https://www.uxbooth.com/articles/designing-digital-strategies-part-1-cartography/)\n* [Golden Path](https://medium.com/startup-by-design/goldenpath-156c1ff291ab)\n* [Future Press Release](https://uxdesign.cc/a-press-release-before-ux-design-df250539c974)\n* [Personas](https://medium.com/beakerandflint/personas-74c4e1c12ee2)\n* [Value Proposition](https://medium.muz.li/ux-diary-6-value-proposition-af7be6f79139)\n* [Value Proposition Canvas](https://medium.com/greater-than-experience-design/whats-your-value-proposition-3de5eee48cf0)\n* [Lightning Talks](https://medium.com/googlesprint/design-challenge-78ef1dcad26e)\n* [Pixar Storytelling](https://uxdesign.cc/treating-your-product-design-work-like-its-a-pixar-movie-7c1a0fe62491)\n* [Stakeholders Map](https://uxdesign.cc/presenting-your-design-to-stakeholders-1695526a1457)\n* [Business Model Canvas](https://medium.com/@fernandocomet/ux-canvas-compilation-6718822d9a22)\n* [First Tweet](https://medium.com/googlesprint/the-define-stage-stage-2-24f6b8088426)\n* [Benchmark](https://measuringu.com/benchmark-intro/)\n* [Metrics](https://medium.com/@jcoronado1/quick-resource-guide-to-ux-metrics-a97cf7727b2b)\n\n### 2. Ideas Generation\n\nHow to **externalize** and **communicate** what you have in mind.\n\n* [Double Diamond](https://medium.com/design-leadership-notebook/the-new-double-diamond-design-process-7c8f12d7945e)\n* [Storyboard](https://medium.com/thinking-design/the-what-why-when-of-storyboarding-in-ux-design-38db2f955e23)\n* [How Might We?](https://medium.com/knowsi/hmw-how-might-we-c04423a4437d)\n* [Crazy 8's](https://blog.prototypr.io/how-to-run-a-crazy-eights-workshop-60d0a67b29a)\n* [User Flow](https://medium.com/7bits/user-flow-101-what-it-is-how-to-do-it-84052141fe86)\n* [Moodboard](https://www.webdesignerdepot.com/2008/12/why-mood-boards-matter/)\n* [Taxonomy](http://johnnyholland.org/2012/04/taxonomy-content-strategys-new-best-friend/)\n* [Design Principles](https://medium.com/googlesprint/the-define-stage-stage-2-24f6b8088426)\n* [Sitemap](https://uxmentor.me/sitemaps-the-beginners-guide/)\n  \n### 3. Planning and Development\n\nHow to **execute** good ideas.\n\n* [User Stories](https://uxdesign.cc/better-stories-with-job-story-3467de354f45)\n* [Roadmap](https://uxdesign.cc/developing-a-product-roadmap-a62bc5f1a15b)\n* [Job Story](https://jtbd.info/5-tips-for-writing-a-job-story-7c9092911fc9)\n* [Project Model Canvas](https://medium.com/bigcommerce-developer-blog/using-an-experience-canvas-to-determine-your-next-feature-1e97c7e76388)\n\n### 4. Validation and Research\n\nHow to **evaluate** the solution of the problems and **improve** the product.\n\n* [Heuristic Analysis](https://www.usabilityfirst.com/usability-methods/heuristic-evaluation/)\n* [Diary Studies](https://medium.com/user-research/user-research-weekly-9-diary-studies-e53d9312b485)\n* [Quantitative and Qualitative Research](https://medium.com/ux-design-web-mobile-virtual-reality/12-ux-research-techniques-quantitative-and-qualitative-1a37bcb1914e)\n* [Landing Page](https://medium.com/@distillerytech/how-to-design-an-effective-landing-page-e9bffaccfdc5)\n* [A/B Test](https://medium.com/intent-media-design/the-art-of-the-a-b-test-statistics-101-for-ux-designers-ux-researchers-780229e1e378)\n* [Content Audit](https://uxmastery.com/how-to-conduct-a-content-audit/)\n* [Focus Group](https://medium.com/pminsider/how-to-lead-ux-research-focus-groups-8d5cb960ad3e)\n* [Card Sorting](https://medium.com/@yangchen/card-sorting-a-simple-and-effective-ux-research-tool-74befc3ef4ef)\n* [Accessibility Analysis](https://medium.com/salesforce-ux/7-things-every-designer-needs-to-know-about-accessibility-64f105f0881b)\n* [User Feedback](https://uxdesign.cc/the-importance-of-user-feedback-20a773908325)\n* [Usability Interviews](https://medium.com/@MentallyFriendly/usability-testing-101-939c83ffe565)\n\n### 5. Interface Design\n\nHow to **transform** ideas into sketch, prototypes, and products. **Usability** and utility.\n\n* [Sketch](https://www.smashingmagazine.com/2011/12/the-messy-art-of-ux-sketching/)\n* [Prototypes](https://uxplanet.org/basics-of-prototyping-1a4106e12c0e)\n* [Wireframes](https://medium.com/nyc-design/wireframing-f7ce9ee4e703)\n* [Style Guides](https://uxdesign.cc/all-you-need-to-know-about-style-guide-9513ebf50b46)\n* [Usability](https://medium.com/@ishan02016/role-of-usability-in-ux-design-d073a9295668)\n* [Pattern Library](https://boagworld.com/design/pattern-library/)\n\n### 6. Success Metrics\n\nObjectively **evaluate** the results of the product.\n\n* [KPI](https://medium.com/@yogeshmithoon/important-kpis-of-ux-design-b817a7f86d80) (Key Performance Metrics)\n* [CTR](https://www.webfx.com/blog/marketing/whats-good-click-rate-ctr-industry/) (Click Through Rate)\n* [NPS](https://uxdesign.cc/what-is-nps-and-why-you-should-know-how-it-works-88690f39b99f) (Net Promoter Score)\n* [DAU](https://medium.com/sequoia-capital/selecting-the-right-user-metric-de95015aa38) (Daily Active Users)\n* [Churn Rate](https://www.dtelepathy.com/blog/products/how-to-reduce-churn-with-ux)\n* [LTV](https://medium.com/@ClrMobile/how-to-maximize-the-lifetime-value-of-your-mobile-app-users-b82e0c522f49) (Lifetime Value)\n* [HEART](https://medium.com/@onix_systems/matters-of-the-heart-how-to-measure-ui-and-ux-design-b7f29b77a711) (Happiness, Engagement, Adoption, Retention, Task Success)\n  \n### 7. Launch MVP\n\nHow to launch the **MVP**. **Learn fast** and succeed.\n\n* [MVP](https://blog.crisp.se/2016/01/25/henrikkniberg/making-sense-of-mvp) (Minimum Viable Product)\n* [Concierge](https://medium.com/@mrjeremywells/the-design-concierge-d1ca2a415c0e)\n* [Code Prototypes](https://medium.com/@sagarajkt/free-platforms-to-create-prototyping-for-apps-or-web-design-ca70e902f7e2)\n* [Low, Medium, and High Fidelity Prototypes](http://designforuse.net/client-deliverables/how-to-choose-a-ux-prototyping-tool/)\n\n## More interesting tools\n\n(strategy)\n* [UXpressia](https://uxpressia.com/) Visualize customer experience\nand collaborate with your team.\n* [FlowMapp](https://www.flowmapp.com/) Full stack UX platform.\n* [Strategyzer](https://www.strategyzer.com/) Creators of the Business Model Canvas.\n\n(ideas)\n* [MoodBoard](http://www.gomoodboard.com/) Build beautiful, simple, free moodboards.\n* [Miro](https://miro.com/) Be Creative. Be Productive. From Anywhere.\n* [overflow](https://overflow.io/) Create interactive user flow diagrams that tell a story.\n   \n(planning)\n* [Trello](https://trello.com/) Keep track of everything.\n* [Asana](https://asana.com/) Manage your team's work, projects, \u0026 tasks online.\n* [Craft](https://craft.io/) Build intuitive Roadmaps, prioritize features, connect them with your dev teams.\n\n(validation)\n* [UXArmy](https://www.uxarmy.com/) Online usability testing platform.\n* [UserTesting](https://www.usertesting.com/) Leader in user research and software testing.\n* [Unbonce](https://unbounce.com/) Design Beautiful Landing Pages.\n* [Klickpages](https://klickpages.com.br/) Tool for create landing pages.\n* [OptimalSort](https://www.optimalworkshop.com/optimalsort/) Discover how people categorize information.\n* [Optimizely](https://www.optimizely.com/) Best-known tool for A/B testing.\n* [SurveyMonkey](https://www.surveymonkey.com/) Send and evaluate surveys quickly and easily.\n\n(metrics)\n* [UserZoom](https://www.userzoom.com/) Brands can test and measure UX on websites, apps, and prototypes.\n* [Delighted](https://delighted.com/) Measure and evaluate qualitative metrics.\n* [Hotjar](https://www.hotjar.com/) Website Heatmaps \u0026 Behavior Analytics Tools.\n* [Google Analytics](https://analytics.google.com/analytics/web/) Measure ans track your  sites and applications.\n\n(design and launch)\n* [Axure](https://www.axure.com/) Powerful Prototyping and Developer.\n* [Marvel](https://marvelapp.com/) Rapid prototyping, testing and handoff.\n* [inVision](https://www.invisionapp.com/) Create rich interactive prototypes.\n* [Framer](https://framer.com) Best prototyping tool for teams.\n* [Flinto](https://www.flinto.com) Create interactive and animated prototypes.\n* [Principle](http://principleformac.com) Design animated and interactive user interfaces.\n* [JustInMind](https://www.justinmind.com) From wireframes to highly interactive prototypes.\n\n## More interesting links\n\n* [uxtools](https://uxtools.co/)\n* [The 2020 UX Research Tools Map](https://www.userinterviews.com/blog/ux-research-tools-map-2020)\n* [UX Design Methods In A Mind Map](https://uxplanet.org/product-design-methods-mind-map-f6511820a7d5)\n* [UX Design Methods \u0026 Deliverables](https://uxdesign.cc/ux-design-methods-deliverables-657f54ce3c7d)\n* [The Basic Principles of UX Design](https://medium.com/@riesdiansyah_64327/the-principles-of-ux-design-561c3a759e79)\n* [How to Choose the Right UX Metrics for Your Product](https://www.dtelepathy.com/ux-metrics/)\n* [Curated list for UI/UX Designers](https://github.com/gregjw/ui-ux)\n* [UX_UI](https://github.com/alexUXUI/UX_UI)\n\n## UX checklist\n\n* [Checklist Design](https://www.checklist.design/) A collection of the best UX and UI practices.\n* [UX Project Checklist](https://uxchecklist.github.io/) Methods and methodologies, activities and tools.\n\n## Other repositories\n\n* [Lean UX](https://github.com/mafda/ux_lean)\n* [Design Sprint](https://github.com/mafda/ux_design_sprint)\n\n## Reference\n\n* [UX \u0026 Design Thinking: Experiência do Usuário nos negócios](https://www.udemy.com/course/ux-design/)\n* [UX — User Experience Tools](https://medium.com/@mafda_/ux-user-experience-tools-dcf48ba88797)\n* [Flowchart](https://whimsical.com/)\n\n---\nmade with 💙 by [mafda](https://mafda.github.io/)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmafda%2Fux_tools","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmafda%2Fux_tools","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmafda%2Fux_tools/lists"}