13 subscribers
با برنامه Player FM !
پادکست هایی که ارزش شنیدن دارند
حمایت شده


UX Considerations
Manage episode 323038138 series 3328123
We dive into the world of UX in this episode, analyzing some basic tactics you can use to ensure that your users have a great experience on your site or app!
UX Rules
Source: https://theblog.adobe.com/15-rules-every-ux-designer-know/
- UX is not (only) UI
- User Interface is a part of User Experience
- Are glitches part of UX?
- Know your audience
- User research is a natural first step in the design process
- Designing a site for a specific industry will very much influence your decisions.
- You are not the user
- Testing with real users is an essential part of the design process
- Many examples where we thought something was simple but a small test group immediately got confused
- Adapt design for short attention spans
- Don’t overwhelm users with too much information
- Short blocks of text because people don’t read
- Keep interactions quick, don’t make people fill out massive forms
- The UX process isn’t set in stone
- Adapt your design process for the product you design
- Designing a small one page site for a small business is drastically different than a ecommerce website
- Prototype before you build a real product
- The design phase for digital products should include a prototyping stage
- We always make at least a wireframe to show the interactions and pages to clients so they know at a high level what the experience will be
- For larger clients a full clickthrough mockup can be made before any development begins to iron out all misunderstandings and conflicts
- Use real content when designing
- Avoid Lorem Ipsum and dummy placeholders
- Our customers have been confused before asking what is this “gibberish” in reference to lorem ipsum
- Also confused as to why the pictures are different then what he had in mind when we use generic stock photos
- Keep things simple and consistent
- The hallmark of a great user interface is simplicity and consistency
- For example I find it confusing when a one page scroll website has a navigation that then opens up a different page. Don’t combine the two.
- Recognition over recall
- Showing users elements they can recognize improves usability versus needing to recall items from scratch
- People know what buttons look like and usually know to click them, same with links and form inputs. Don’t try to reinvent the wheel
- Make design usable and accessible
- Design for a diverse set of users that will interact with your products
- Keep in mind that some users are color blind or even blind so make sure to follow the accessibility guidelines
- Don’t try to solve a problem yourself
- Design is team sport — don’t work in isolation
- Don’t try to solve everything at once
- Design is an iterative process
- Preventing errors is better than fixing them
- Whenever possible, design products to keep potential errors to a minimum
- Offer informative feedback
- An app or website should always keep users informed about what is going on
- Transitions are a great way to show what is happening without holding the users hand
- Avoid dramatic redesigns
- Remember Weber’s Law of Just Noticeable Differences
- Example digg redesign killed the site
Web News - Microsoft
- Latest windows update has a chance to delete your user files without a chance at recovery
- Randomly corrupted hard drives
- Unskippable updates
- Windows store
- Troubleshooting steps are ridiculous
You can find us on...
Facebook | Twitter | Instagram
New! - Reddit
401 قسمت
Manage episode 323038138 series 3328123
We dive into the world of UX in this episode, analyzing some basic tactics you can use to ensure that your users have a great experience on your site or app!
UX Rules
Source: https://theblog.adobe.com/15-rules-every-ux-designer-know/
- UX is not (only) UI
- User Interface is a part of User Experience
- Are glitches part of UX?
- Know your audience
- User research is a natural first step in the design process
- Designing a site for a specific industry will very much influence your decisions.
- You are not the user
- Testing with real users is an essential part of the design process
- Many examples where we thought something was simple but a small test group immediately got confused
- Adapt design for short attention spans
- Don’t overwhelm users with too much information
- Short blocks of text because people don’t read
- Keep interactions quick, don’t make people fill out massive forms
- The UX process isn’t set in stone
- Adapt your design process for the product you design
- Designing a small one page site for a small business is drastically different than a ecommerce website
- Prototype before you build a real product
- The design phase for digital products should include a prototyping stage
- We always make at least a wireframe to show the interactions and pages to clients so they know at a high level what the experience will be
- For larger clients a full clickthrough mockup can be made before any development begins to iron out all misunderstandings and conflicts
- Use real content when designing
- Avoid Lorem Ipsum and dummy placeholders
- Our customers have been confused before asking what is this “gibberish” in reference to lorem ipsum
- Also confused as to why the pictures are different then what he had in mind when we use generic stock photos
- Keep things simple and consistent
- The hallmark of a great user interface is simplicity and consistency
- For example I find it confusing when a one page scroll website has a navigation that then opens up a different page. Don’t combine the two.
- Recognition over recall
- Showing users elements they can recognize improves usability versus needing to recall items from scratch
- People know what buttons look like and usually know to click them, same with links and form inputs. Don’t try to reinvent the wheel
- Make design usable and accessible
- Design for a diverse set of users that will interact with your products
- Keep in mind that some users are color blind or even blind so make sure to follow the accessibility guidelines
- Don’t try to solve a problem yourself
- Design is team sport — don’t work in isolation
- Don’t try to solve everything at once
- Design is an iterative process
- Preventing errors is better than fixing them
- Whenever possible, design products to keep potential errors to a minimum
- Offer informative feedback
- An app or website should always keep users informed about what is going on
- Transitions are a great way to show what is happening without holding the users hand
- Avoid dramatic redesigns
- Remember Weber’s Law of Just Noticeable Differences
- Example digg redesign killed the site
Web News - Microsoft
- Latest windows update has a chance to delete your user files without a chance at recovery
- Randomly corrupted hard drives
- Unskippable updates
- Windows store
- Troubleshooting steps are ridiculous
You can find us on...
Facebook | Twitter | Instagram
New! - Reddit
401 قسمت
כל הפרקים
×

1 We Should Care More About Web App Security 1:03:51


1 Write Less, Rank More: My Fill-in-the-Blank SEO Method 1:08:46

1 Why Developer Experience Matters 57:13











1 How To Get A Web Development Job in 2025 1:17:04



1 Why Flip Phones Still Matter in 2025 | w/ Tom Barrasso 1:16:40


1 The Hype Trap: Why Cutting Edge Isn’t Always the Best Choice 1:14:19

1 Startups vs Big Tech for Web Developers 1:22:33

1 The Full Stack of a Website: What Clients Often Overlook 1:05:41


1 Top 5 Code Editors for Web Developers 1:05:27

1 My Real-World SEO Checklist for New Websites 1:16:55

1 AI in Developer Education: Scrimba's Instant Feedback & Backend Courses w/ Per Borgen 1:04:54

1 Corporate Burnout: How the CIA Invented Your 9 to 5 1:29:54


1 Vibe Coding, Cursor Vs Windsurf, Firefox Did What?! 1:10:48


1 How to Be Successful as a Remote Developer 1:18:03


1 JavaScript Tech We Loved (But Don’t Use as Much Anymore) 1:12:18


1 Freelancing for Web Development 1:06:25


1 Stop Using Frameworks for Everything: Vanilla JavaScript in 2025 1:10:35

1 Stop Overcomplicating CSS: Master Layouts, Variables, and Modern Best Practices 1:05:03

1 Why Is Everyone Unhappy With JavaScript? | State of JavaScript 2024 Survey 1:30:06

1 Client-Side vs. Server-Side JavaScript 1:07:36




1 Educating Devs That Get Hired w/ Thomas Chant 1:33:23

1 Monorepos Unpacked: The Good, the Bad, and the Turbocharged 1:03:10


1 Does AI Have Tech Bias? | AI All The Things 1:01:41

1 Are Developers Making Page Builders Too Powerful for Content Editors? 1:12:17

1 Web APIs That Every JavaScript Developer Should Know 1:03:38



1 Side Projects: The Eternal Loop of Never-Ending Features 1:03:54

1 The Toughest Concepts in Web Development (Part 2) 1:07:06

1 The Toughest Concepts in Web Development (Part 1) 1:06:56

1 Mentoring Developers with Shashi Lo 1:03:56


1 Tech We Love as Web Developers: SvelteKit, Vercel, Supermaven, and More 1:04:07

1 Saying No to Scope Creep: How Web Devs Can Push Back 1:05:46

1 Why Code Quality Matters: Testing, Linting, Refactoring 1:16:43

1 Should Our AI Data Be in the Cloud? On-Device AI vs Cloud-Based AI 1:17:11

1 Our Biggest Projects: How We Became Developers 1:30:37

1 Is Vanilla Tech Just for Juniors? Exploring the Role of HTML, CSS, and JS in 2024 1:19:30


1 The Right Way to Code: Navigating Ethics in Web Development 1:33:51

1 Why Is Web Development A Cluster F*ck? 1:09:06

1 Async Work for Web Developers: Revolution or Redundancy? 1:11:34

1 Navigating Difficult Situations as a Web Agency 1:19:10

1 Build Fast and Break Things 1:16:15

1 Do You Respect Your Time as a Web Developer? 1:26:44

1 Where the F*ck Do I Start Learning Web Development? 1:03:32

1 Do Small Businesses Need Web Dev Agencies in 2024? 1:03:03


1 Is JavaScript Really That Bad? 57:44


1 Time Saving Tips for Front-End Developers 1:01:54


1 Things I Wish I Knew Before Becoming a Web Developer 1:08:23

1 How to Build a Website Quickly 53:44

1 Lessons I've Learned from Managing A Team of Developers 1:14:26

1 SEO Tips You Can Implement Today 1:05:19

1 We NEED To Hire Junior Developers 1:18:23

1 Is There A Best Way To Make A Website? 1:12:27



1 Should Junior Developers Use ChatGPT to Help Them Write Code? 1:06:41


1 Free Tiers Are Dangerous 1:11:23

1 CSS: Styling the Web & Learning Through Content w/ Kevin Powell 1:09:56

1 WordPress Is a No-Code Tool That Requires Coding 1:07:51

1 Technical Interviews Exposed w/ Kyle TechSquidTV 1:23:37

1 Junior Developer vs Senior Developer 1:01:49

1 Work-Life Balance for Web Developers in 2024 1:20:43

1 Top 5 Insider Web Developer Agency Tips 1:03:06

1 Francesco’s Unique Developer Journey 1:03:24


1 How to Land a Web Development Job w/ James Quick 1:10:02




1 The Hidden Costs of Web Development 1:03:54


1 Building Your Web Developer Portfolio, Choosing Your Path as a Developer, and Making an Impact with Your Career 1:20:50

1 Essential Gear Guide for Web Developers in 2024 2:02:37



1 AI Prompts for Success as a Web Developer 1:05:07

1 You’re Learning Web Development the Wrong Way 1:10:37

1 Make Web Development Easy, Avoid Needless Complexities 1:07:44

1 Learn To Use AI To Become A Better Web Developer 1:12:53

1 Are We Expecting Too Much From Our Web Developers? 1:07:51




1 Git in School, Good Code Reviews, Is PHP Back? 1:08:21

1 Should Junior Developers Work for Free to Get Experience? 1:02:14

1 What I’d Expect From a Junior Developer 1:06:00


1 Sneak Peek at Svelte 5 | Learn to Embrace Change 1:08:21

1 SEO for Small Businesses 1:04:36






1 What Type of Hosting Should You Use? (Shared, VPS, Dedicated, Reseller, WordPress, NodeJS) 1:45:47

1 Succeeding in Your First Week as a Junior Developer 1:06:14



1 Failure Will Make You a Better JavaScript Developer 1:09:28

1 Next.js App vs Pages Router 1:02:43

1 Can You Learn JavaScript Through ONLY Project-Based Learning? 1:05:42

1 How SvelteKit Makes Full-Stack Easy 1:04:30

1 Are Websites Old News? Are They Going the Way of the Newspaper? 1:12:07

1 Learning JavaScript from Scratch 1:03:29

1 Full-Stack Struggles #2: I Was at the Gates of Tutorial Hell 1:08:29

1 Do You Need to Learn TypeScript in 2023? 1:16:52


1 Web Development Hot Takes - Is HTML a Programming Language? Does React Suck? 1:10:50


1 Debugging HTML, CSS, and JavaScript 1:02:56


1 Helping Junior Developers Succeed 1:05:55

1 Full-Stack Struggles #1 - Can AI Teach Me Web Development? 1:06:53







1 Junior Developers NEED to Hear This 1:01:55

1 Designing the Web for Vertical Video (Short-Form Content) 1:20:57


1 The Scariest Web Development Tech 1:17:11


1 Full-Stack Development Has Changed In 2023 1:14:09

1 Can I Use This in Production? 1:14:46

1 Svelte vs React - What You Need To Know 1:09:11

1 CSS Selectors Crash Course 1:01:35

1 AI Will Not Take Your Job...Yet 1:26:37


1 Developer Relations w/ Raza 1:02:42

1 CSS Variables - What Are They & How to Use Them 1:00:07

1 The Transitional Web w/ Chris Ferdinandi 1:06:06

1 What NOT to Do in Web Development 1:18:40

1 What to Expect From Your First Job as a Junior Developer 1:32:00

1 How to Raise Your Prices 1:22:01

1 Are You a Good Developer? 1:12:43

1 What Is Dynamic Content? 1:10:04

1 Powerful CSS Pseudo-Classes 53:16

1 What Is Hacktoberfest? 1:05:58

1 How Working in a Restaurant Helped Me as a Web Developer 1:21:47

1 What Can’t JavaScript Do? 1:00:26

1 How to Communicate Efficiently in the Workplace 1:18:48

1 Project Pricing: How We Make Small Customer Budgets Work 1:02:52

1 Should You Use Code or No-Code? 1:09:02



1 Would You Use Vanilla JavaScript (No Framework) on a Project? 1:09:18

1 How Do You Start a New Project? 1:13:09

1 Web Design for Web Developers 58:42



1 Does Website Speed Really Matter? Bun, Node.js, Vite, Webpack 1:08:39


1 HTML - CSS - JS (Re-release) 1:33:36

1 Starting a New Job in Tech 1:15:46



1 How to Think Like a Programmer 1:06:41

1 Next.js, Nuxt.js, SvelteKit | Full-Stack Development Has Changed 1:14:11

1 Developer Burnout, We’re Exhausted 1:02:12

1 Don’t Share Too Much With Your Clients 1:07:22

1 Productive Developers Build Good Habits 1:30:19


1 Good Tech Interviews 1:30:56

1 Why No-Code Won’t Take Your Jobs 1:04:39


1 What Is an API? w/ Pratham 40:54

1 What is Full-Stack Development? 58:29

1 How to Learn Web Development Skills 1:08:10

1 Web Tech We Don’t Talk About - PHP, jQuery, WordPress, and More! 1:24:34

1 What Is Web1, Web2, and Web3? 1:35:51

1 Q&A: Web3, TypeScript, New Frameworks, and More! 1:20:17

1 What We Love About Web Development 1:09:01

1 Where Frontend Ends and Backend Begins - Part 2 1:24:55

1 Helping Junior Developers Break In w/ Alex Booker 1:22:30

1 Where Frontend Ends and Backend Begins - Part 1 1:15:51

1 5 Customer Support Tips 1:08:34

1 Svelte All the Things 1:13:05

1 Surviving 2021 as an Entrepreneur 1:31:53


1 Time Management for Junior Developers 1:08:02

1 Mentoring Junior Developers 1:16:31

1 The Dark Side of Web Development 54:40

1 Junior Developer Struggles 1:22:40

1 How to Choose How You Build w/ Theo Browne 1:18:05

1 Entrepreneur With an Employee Mindset 1:05:54

1 How Jason Docton Used React and WoW to Help People’s Mental Health 1:36:55

1 The Front-End Developer Roadmap (Revisited) 1:21:03

1 Consulting, Heuristics, and Engineering w/ João Rosa 1:04:32

1 Performance Design & Marketing w/ Richie Lokay 1:02:44

1 Stoicism and Mindfulness w/ Michael McGill 1:00:00


1 From Student to CSS King w/ Pratham 1:12:38

1 How He Earned $3+ Million on the Internet w/ Csaba Kissi 1:02:18

1 Q&A - Freelancing Tips, Degree vs Self-taught, Future of No-Code 1:11:19


1 Women in Tech w/ Alexandria 39:28

1 Is Work-Life Balance Dead? 1:27:10

1 Scope Creep, Traveling Salesman, 100% Uptime 1:03:34


1 Prepare for Your Coding Interview w/ TJ Kinion 1:03:36


1 The 4 Day Work Week feat. Derek Duncan 1:38:54

1 Googling Tips for Developers 48:50


1 Why Is React Still the #1 Framework?! 1:24:44


1 Web News - Windows 11 Reveal Event Recap 1:03:33


1 The Best Way to Learn How to Code w/ Aderson Oliveira 1:51:43

1 Nuxt.js, Being an Open Source Maintainer w/ Alexander Lichter 1:05:17

1 No, Tailwind Doesn't Suck 1:03:02

1 The Truth About No-Code 1:06:07

1 JavaScript Is the Future 1:19:52

1 Level Up Your Junior Coding Skills 1:14:16

1 Why Vue Is Better Than React 56:06

1 Not Just a Developer w/ David Lindahl 1:28:04

1 Weekly Growth Goals - Building a Web App 1:10:20



1 When to Ask for Help 1:10:53

1 Big Projects, Short Deadlines 1:05:58

1 Creating a Browser for Developers w/ Kilian Valkhof 1:39:05

1 Bad Habits to Avoid for Web Developers 1:29:17

1 Challenges for Junior Devs w/ Monarch Wadia 1:21:18




1 Build APIs Fast with Strapi.io 54:15


1 How to Become Self-Taught 1:12:09

1 Web News - Time Isn't on Sale 26:13



1 How to Avoid Being Overwhelmed 46:58


1 Starting a New Side Project 1:04:51


1 The Web Technologies of 2020 1:21:23


1 Side Hustles VS Side Projects 45:14

1 Revisiting Old Projects 1:10:21

1 Customer Support for Web Developers 1:31:09

1 What's Right With Web Development? 1:29:50

1 What's Wrong With Web Development? 1:47:00

1 Reach Is the Internet's Currency 1:18:00

1 What You Need to Know About Package Managers 1:08:02

1 Your Second Career as a Web Developer (The Halo Episode) 1:22:18

1 What We Need to Do Better 1:23:27

1 Balancing Different Stacks & Technologies 1:27:06



1 What's New in Vue 3.0 1:33:51
به Player FM خوش آمدید!
Player FM در سراسر وب را برای یافتن پادکست های با کیفیت اسکن می کند تا همین الان لذت ببرید. این بهترین برنامه ی پادکست است که در اندروید، آیفون و وب کار می کند. ثبت نام کنید تا اشتراک های شما در بین دستگاه های مختلف همگام سازی شود.