Siphiwe  Nair

Siphiwe Nair


Hello App: User Native Language Greeting


Tier: 1-Beginner

It is a given that applications must provide users with the functionality necessary to accomplish some task or goal. The effectiveness of app functionality is the first determinate of how users perceive the apps they use. However, it is not the only thing that influences user satisfaction.

The User Interface and User Experience (UI/UX) features developers build into apps have at least an equal amount of influence on users perception of an app. It may be an oversimplification, but UI/UX is largely (but not wholly) concerned with an apps "form". Personalization is an aspect of UX that tailors characteristics and actions to the individual user. Personalizing app functionality in this manner works to make the app easier and more pleasing to use.

The objective of the Hello app is to leverage geolocation to obtain the users country so it can then generate a customized greeting in the users native language.


  • Developers should use the IP-API service to obtain the users IP.
  • Developers should use the Fourtonfish service to obtain the greeting in the users native language by passing the users IP.
  • Developers must use a HTML entities decoding to decode the hello message.

User Stories

  •  User can see a mock login panel containing a user name text input field, a password text input field, and 'Login' and 'Logout' buttons.
  •  User can enter a mock login name into the User Name field.
  •  User can enter a mock password into the Password field. Input should be masked so the user see's asterisks (*) for each character that is entered rather than the plaintext password.
  •  User can click the 'Login' button to perform a mock login.
  •  User can see a message if either or both of the input fields are empty and the border color of the field(s) in error should be changed to red.
  •  User can see a login acknowledgement message in the format: <hello-in-native-language> <user-name> you have successfully logged in!
  •  User can click the 'Logout' button to clear the text input fields and any previous messages.
  •  User can see a new message when successfully logged out in the format: Have a great day <user-name>!

Bonus features

  •  User can see an additional text input field for a language code which will be used to override the IP obtained through geolocation. Hint: this is a great feature for testing your app.
  •  User can see additional geolocation information after logging on that includes at least the local IP address, city, region, country name, zip code, longitude, latitude, and timezone.

Useful links and resources

Example projects

Fourtonfish Hello World


#applications  #mobileapp #ui #ux 

Hello App: User Native Language Greeting
Adelle  Smith

Adelle Smith


Top 5 Ways to Improve Your UX Designs Easily

Here's 5 simple ways you can improve the UX of your designs

In other words, UX design is the process of designing (digital or physical) products that are useful, easy to use, and delightful to interact with. It’s about enhancing the experience that people have while interacting with your product, and making sure they find value in what you’re providing.


Top 5 Ways to Improve Your UX Designs Easily

What is Customer Experience or What is User Experience?

There is no ambiguity. In terms of online experiences, both UX and CX are too similar yet significantly contrastive from a commercial standpoint.

This guide will take you through a full explanation of What UX and CX are. How it will help your business flourish.

#cx #ux #userexperince #customerexperince #business #growbusiness

What is Customer Experience or What is User Experience?
Muhammad  Price

Muhammad Price


How to Become A Latest UX Designer

Looking to become a UX designer in 2022? This is the video for you! In it, we share the seven essential steps and key learnings that you'll need to start your UX journey today!

Hosted by Maureen Herben (UX.Collection), a product designer and CareerFoundry UX graduate, this video will guide you through the timeline and requirements needed to transform you from complete beginner into a job-ready UX designer within a realistic timeframe.

🚨 Quick disclaimer 🚨 This won’t be an “easy” task, and in terms of time allocation, if you follow these steps, you can expect this journey to take up to a year to complete.

Let us know in the comments which steps you’re most excited by! Are there any steps you would add in based on your own career change journey?

In this guide, we’ll cover the following key points:

(00:00) Intro

(01:15) Step 1: Ask Yourself: "Is UX For Me?"

(03:34) Step 2: Learn About UX Design Methods and Processes

(11:06) Step 3: Structure Your Learning With a Credible UX Course

(18:10) Step 4: Practise As Much As You Can

(21:51) Step 5: Learn the Tools of the Trade

(23:21) Step 6: Network With Other Designers

(25:26) Step 7: Generate Some Projects For Your Portfolio

(27:04) Bonus: Three More Tips

(28:25) Outro + Next Steps

#ux #ui #uidesign #uxdesign 

How to Become A Latest UX Designer
Dylan  Iqbal

Dylan Iqbal


UX/UI Design 2022 (PDF Book for FREE Download)

UX/UI Design 2022: A Complete Beginners to Pro Step by Step Guide to UX/UI Design and Mastering the Fundamentals of Web Design with Latest Tips & Techniques

Are you keen to master UX/UI design and take up design tasks that will put you at the forefront of the job market? If that's the case, then this guide is for you. In recent years, UI/UX design has become one of the most in-demand skills to learn and practice around the world. The business is booming and more and more people are seeking to learn the skill. This guide is filled with key concepts, terminologies, tips and tricks and a walkthrough of everything you need to learn about UI/UX design. For instance, you will learn about wireframes, what typography is all about, learn about font pairing, the list of the common tools for UI design, about User Persona for UX design and so much more.
Here are a couple of things you stand to learn from this guide:

  • What are UX and UI?
  • Similarities and Differences between UX and UI
  • The job of the user experience designer
  • User Research for UX Design
  • Research Methodologies
  • What does a user experience researcher do?
  • User Persona for UX Design
  • User Flow in UX Design
  • UX Design Prototypes
  • Wireframes in UX Design
  • Basic visual design principles in UI Design
  • Definition of Design thinking
  • Advantages of creativity
  • Advantages of intuition
  • What Characterizes User-Friendly Software?
  • Common tools for UI Designs
  • Using Balsamiq Wireframes
  • How to Create Desktop Wireframes in Balsamiq
  • How to create Wireframes with Axure
  • Tips to achieve a good user interface and experience
  • Understanding Typography
  • Understanding typefaces, fonts, and font selection
  • A glossary of typographic terms
  • What is the best way to test contrast in UI design?
  • What is design alignment?
  • Alignment Styles
  • What is the significance of alignment in design?
  • What is Hierarchy?
  • Visual Hierarchy's Building Blocks
  • How to Create an Effective Visual Hierarchy
  • UI and its relation with readability
  • Advice on Improving Readability and Legibility
  • Places to get UI/UX inspiration
  • What is a font pairing?
  • Basics of Font Pairing
  • What is Microcopy?
  • Why Is Good Microcopy Important?
  • Do's and Don'ts in Microcopy
  • How to make sitemaps
  • What is the purpose of a sitemap?
  • Importance of Grid
  • And more.…

UX/UI Design 2022: A Complete Beginners to Pro Step by Step Guide to UX/UI Design and Mastering the Fundamentals of Web Design with Latest Tips & Techniques

by Albert Chipman

  • Length: 126 pages
  • Edition: 1
  • Language: English
  • Publication Date: 2021-12-29


#ux #ui #design #developer #ebook #book #userexperience 

UX/UI Design 2022 (PDF Book for FREE Download)
Dylan  Iqbal

Dylan Iqbal


The Full Stack Developer (PDF Book for FREE Download)

Download This PDF Book: The Full Stack Developer: Your Essential Guide to the Everyday Skills Expected of a Modern Full Stack Web Developer, for free

Understand the technical foundations, as well as the non-programming skills needed to be a successful full stack web developer. This book reveals the reasons why a truly successful full stack developer does more than write code. 
You will learn the principles of the topics needed to help a developer new to agile or full stack working―UX, project management, QA, product management, and more― all from the point of view of a developer. Covering these skills alongside the fundamentals and foundations of modern web development, rather than specifics of current technologies and frameworks (which can age quickly), all programming examples are given in the context of the web as it is in 2018.

Although you need to feel comfortable working on code at the system, database, API, middleware or user interface level, depending on the task in hand, you also need to be able to deal with the big picture and the little details. The Full Stack Developer recognizes skills beyond the technical, and gives foundational knowledge of the wide set of skills needed in a modern software development team.  

What You'll Learn

  • Plan your work including Agile vs Waterfall, tools, scrum, kanban and continuous delivery
  • Translate UX into code: grids, component libraries and style guides
  • Design systems and system architectures (microservices to monoliths)
  • Review patterns for APIs (SOAP, AJAX, REST), defining API domains, patterns for REST APIs and more API goodness
  • Study the various front-end design patterns you need to know
  • Store data, what to consider for security, deployment, in production and more

Who This Book Is For

New graduates or junior developers who are transitioning to working as part of a larger team structure in a multi-disciplinary teams and developers previously focused on only front-end or back-end dev transitioning into full stack. 

About The Book:

  • Publisher ‏ : ‎ Apress; 1st ed. edition (November 20, 2018)
  • Language ‏ : ‎ English
  • Pages ‏ : ‎ 365
  • File : PDF , 6 MB 


#programming #fullstack #ux #webdev #webdeveloper #webdevelopment #ebook #book #pdf 

The Full Stack Developer (PDF Book for FREE Download)

How to Design a Checkout Process Navigation Menu in Divi

Leading customers through a successful checkout process is a challenging goal for every online store. So it helps to optimize your website’s checkout process to make it easier for customers. Since navigation plays a crucial role in the checkout process, we may want to start there. Creating a custom checkout process navigation menu is a great way to boost UX and sales conversion. It helps users go where they want quickly. And, it also can be used to spotlight where they are (and where they’re going) in the process.

In this tutorial, we are going to show you how to design a checkout process navigation menu in Divi. You will be able to use this custom menu to boost the UX on the pages most crucial to the checkout process (shop, cart, checkout, etc.). This kind of menu has been used in our free WooCommmerce Cart and Checkout Page Template Sets as well.

#divi #ui #ux 

How to Design a Checkout Process Navigation Menu in Divi

はじめてのUIデザイン1 - ここから始めて作りながらUIデザイナーを目指そう

UIデザインをスタートしたい / UIデザイナーになりたい!/ UI/UXを勉強したい!方向けの動画シリーズです。

00:36 シリーズの内容
00:57 上達に必要なこと-なぜ作った?
03:14 やるメリット3つ
06:11 シリーズの目次
07:17 必要なもの

#ui  #ux  #beginners 

 はじめてのUIデザイン1 - ここから始めて作りながらUIデザイナーを目指そう

Vue 3 Quasar Supabase - 01 Configurando projeto

Aprenda a criar aplicativos para web com esse curso totalmente gratuito no Youtube!

Tecnologias utilizadas:

- Vue.js 3
- Quasar Framework
- Supabase
- LocalStorage
- Controle de rotas autenticadas com Vue-router
- Deploy com Netlify

#html #css #javascript #vuejs #framework #frontend #carreira #app #appdev #ux #ui

Vue 3 Quasar Supabase  -  01 Configurando projeto
Thai  Son

Thai Son


Kỹ Sư UX Là Gì? Giải Thích Vai Trò Của Kỹ Sư Trải Nghiệm Người Dùng

Tôi hiện là Kỹ sư trải nghiệm người dùng hoặc UX cho D2iQ. Và rất nhiều người hỏi tôi chính xác thì Kỹ sư UX là gì.

Câu hỏi này đến từ các nhà thiết kế và nhà phát triển. Vì vậy, tôi nghĩ đã đến lúc viết về nó để tạo nhận thức và làm sáng tỏ vai trò của mình.

Bài viết này sẽ giúp bạn hiểu Kỹ sư UX là gì, nhiệm vụ của họ là gì, bộ kỹ năng cần thiết và thậm chí nó có thể thuyết phục bạn tự mình trở thành một kỹ sư.

Trải nghiệm người dùng có nghĩa là gì?

Trước khi chuyển sang vai trò của Kỹ sư UX, hãy dành một chút thời gian để xác định Trải nghiệm người dùng.

Hầu hết mọi người đều quen thuộc với UI, tức là giao diện người dùng. Giao diện người dùng thường là màn hình mà người dùng đang tương tác, ví dụ như một trang web hoặc ứng dụng.

UX liên quan đến tất cả trải nghiệm bao trùm mà người dùng cuối có được khi sử dụng sản phẩm hoặc dịch vụ, bao gồm cả giao diện người dùng.

Tầm quan trọng của UX là không thể phủ nhận. Trong Nhóm trải nghiệm người dùng của một , tác giả Leah Buley lưu ý,

“Người dùng là một lực lượng tốt. Trong một thế giới công nghệ ngày càng phát triển, việc thiết kế các sản phẩm với con người thật giúp chúng ta đảm bảo rằng công nghệ tích hợp trong cuộc sống của chúng ta theo cách của con người. Đó là tiếng nói của lý trí, cho rằng các sản phẩm và công nghệ có thể hỗ trợ và thậm chí làm giàu cho nhân loại cơ bản của chúng ta. "

Kỹ sư UX là ai?

Kỹ sư UX (UXE) là cầu nối giữa thiết kế và phát triển.


Tín dụng biểu tượng: Dự án Danh từ

Kỹ sư

UXE's trước hết là các kỹ sư, có kiến ​​thức làm việc về thiết kế. Kỹ năng phát triển front end là điều kiện tiên quyết. Một UXE quan tâm sâu sắc đến trải nghiệm người dùng và tham gia rất nhiều vào việc tác động đến nó.

"Các nhà phát triển viết mã và xây dựng các hệ thống làm cho trải nghiệm thực tế. Khoảnh khắc khi một khái niệm phẳng trên một trang trở thành một thứ tương tác, hoạt động và hoạt động giống như làm cho cuộc sống trở nên vô cùng bổ ích. Nó cũng cho phép họ xem và hiểu cách nó sẽ cảm nhận và hoạt động cho người dùng cuối. " - Nhóm Trải nghiệm Người dùng của Một

Nhà thiết kế

UXE có thể đặc biệt hữu ích trong các giai đoạn hình thành ý tưởng của thiết kế. Họ có thể giúp các nhà thiết kế hiểu điều gì là khả thi và nỗ lực kỹ thuật cần thiết để đạt được như thế nào.

Một số UXE sẽ đóng góp các nguyên mẫu, khung dây và mô hình thiết kế. Số lượng công việc thiết kế thực sự có thể khác nhau giữa các công ty.

Việc một Kỹ sư UX làm việc trong Hệ thống thiết kế là điều bình thường. Ví dụ, vai trò của tôi tại D2iQ bao gồm duy trì hệ thống thiết kế và thư viện thành phần.

Những người ủng hộ

Một UXE sẽ cần có sự đồng cảm của cả hai bên và có thể vận động cho việc thiết kế hoặc phát triển. Họ có thể được yêu cầu đẩy lùi về một trong hai bên với tư cách là người biện hộ. Đây là lý do chúng được coi là cầu nối giữa thiết kế và phát triển.

Một UXE thậm chí có thể cần phải vận động cho chính UX trong tổ chức của họ, để tạo nhận thức và xây dựng sự hỗ trợ cho công việc của họ. Điều này có thể đạt được thông qua việc thiết lập một cộng đồng học tập ngang hàng, các cuộc họp ăn trưa và học hỏi, và các phương pháp khác để chia sẻ và giáo dục những người khác.

Bạn có thể tìm thấy các định nghĩa khác nhau về ý nghĩa của Kỹ sư UX. Các đường thẳng thường bị mờ giữa Kỹ sư giao diện người dùng, Kỹ sư UX và Nhà công nghệ thiết kế. Phần lớn vai trò có thể phụ thuộc vào công ty và nhu cầu mà họ muốn đáp ứng với vai trò đó là gì.

Bạn có thể phát triển thành UXE nếu bạn thích:

  • Kỹ thuật giao diện người dùng
  • Tạo kiểu đặc biệt với CSS
  • Tư duy thiết kế
  • Thỉnh thoảng uốn nắn một số kỹ năng thiết kế
  • Tham gia nghiên cứu UX
  • Làm việc với Hệ thống thiết kế
  • Thời gian sáng tạo

Chúng tôi sẽ đi sâu hơn về các kỹ năng cần thiết như một UXE để có thể làm rõ chính xác những gì nó đòi hỏi.

Sự nhầm lẫn trong Giao diện người dùng

Tôi muốn lưu ý về sự nhầm lẫn giữa Kỹ sư giao diện người dùng, Kỹ sư UX và Kỹ sư giao diện người dùng. Chúng thường được cho là cùng một vai trò. Điều đó có thể xảy ra hoặc không, tùy thuộc vào những gì có trong bản mô tả công việc. Tuy nhiên, có một số khác biệt đáng chú ý.

Kỹ sư giao diện người dùng tương tự nhất với Kỹ sư giao diện người dùng. Họ không hoàn toàn giống nhau về mặt lịch sử, nhưng ranh giới giữa hai người đã trở nên mờ nhạt. Họ sẽ làm việc về mặt kỹ thuật của việc xây dựng giao diện người dùng. Làm việc trên giao diện người dùng có thể dễ dàng bắt đầu chuyển sang các chủ đề UX vì chúng được kết hợp chặt chẽ với nhau, đây có thể là nơi nảy sinh sự nhầm lẫn.

Mặt khác, Kỹ sư UX là thiết kế có nhiều hơn cả hai. UXE là một vai trò kỹ thuật có liên quan bản chất đến trải nghiệm của người dùng. Họ sẽ là người cân nhắc "người dùng tương tác với nút này như thế nào?", "Làm cách nào để tôi có thể làm rõ ràng nút này làm gì" và "làm cách nào để tôi có thể cung cấp cho người dùng trải nghiệm tốt hơn khi sử dụng nút này?"

Mặt khác, một Kỹ sư giao diện người dùng nói chung sẽ tự hỏi mình làm thế nào để phù hợp nhất với thiết kế để tạo ra một nút hiệu quả.

Tất nhiên, điều này sẽ làm sáng tỏ những chiều sâu mà mỗi vai trò có thể đi vào. Các kỹ sư giao diện người dùng có thể tham gia nhiều hơn vào UX nếu họ có những nỗ lực có ý thức để tác động đến nó.

Mô tả công việc của Kỹ sư UX có thể phù hợp hơn với những gì bạn sẽ thấy dưới Chuyên gia công nghệ thiết kế hoặc Kỹ sư hệ thống thiết kế.

Nhìn chung, thuật ngữ Front End có thể bao gồm một loạt các chủ đề và bộ kỹ năng phức tạp riêng lẻ, đó là lý do tại sao chúng tôi bắt đầu thấy cần phải xác định các vai trò cụ thể hơn trong Front End. Kỹ sư UX là một trong những vị trí gần đây được xác định dựa trên điều này.

Kỹ năng cần thiết cho kỹ sư trải nghiệm người dùng

Có rất nhiều kỹ năng mà một UXE có thể sở hữu, không giới hạn ở việc phát triển và thiết kế Front End. Một lần nữa, phần lớn vai trò có thể được quyết định bởi định nghĩa của công ty về vai trò và trách nhiệm.

Dưới đây là một số kỹ năng chính thường được áp dụng và hữu ích nhất khi có.

Kĩ năng công nghệ

Phát triển giao diện người dùng. Điều này bao gồm kiến ​​thức về HTML, CSS và JavaScript. Bạn cũng nên biết các thư viện JavaScript phổ biến như React. Điều này cũng có thể bao gồm thử nghiệm, gỡ lỗi, xây dựng công cụ và trình quản lý phụ thuộc.

Chuyên gia CSS. Điều quan trọng cần lưu ý là vai trò này đòi hỏi kiến ​​thức chuyên sâu về CSS. Điều này có thể đòi hỏi kiến ​​trúc CSS hoặc làm việc với các bộ tiền xử lý như Sass và Less. Sẽ rất có lợi nếu bạn có trải nghiệm với các thư viện CSS-in-JS như Thành phần được tạo kiểu và Cảm xúc.

Thiết kế UI / UX. Đây có thể là sự kết hợp của các kỹ năng liên quan đến thiết kế từ tạo mẫu đến Nguyên tắc UX cho đến khung dây. UXE có thể tạo ra các mô hình thiết kế có độ trung thực thấp hoặc độ trung thực cao. Sẽ rất hữu ích nếu bạn có kinh nghiệm với các công cụ thiết kế như Figma, Sketch hoặc InVision. Hệ thống thiết kế cũng có thể được gộp vào danh mục này. Việc hiểu lợi ích của các hệ thống thiết kế và biết cách thực thi các tiêu chuẩn thiết kế trong giao diện người dùng là điều có giá trị.

Quyển truyện. Storybook là một công cụ giúp các kỹ sư xây dựng, kiểm tra và hiển thị các thành phần giao diện người dùng. Làm việc với Storybook sẽ yêu cầu thêm bí quyết kỹ thuật thích hợp cụ thể cho công cụ này. Có khả năng là nếu bạn đang làm việc với hệ thống thiết kế và thư viện thành phần, thì tài liệu đang sử dụng Storybook.

Khả năng tiếp cận. Để xuất sắc trong vai trò này, bạn cần hiểu các nguyên tắc về khả năng tiếp cận. Quan tâm đến người dùng có nghĩa là thiết kế bao gồm. Sản phẩm không nên giới hạn đối tượng sử dụng. Sản phẩm nên tài khoản cho tất cả người dùng. Có kỹ năng kỹ thuật để kiểm tra và cải thiện khả năng truy cập của các ứng dụng sẽ vô cùng có lợi.

Thiết kế đáp ứng. Các nhà thiết kế chỉ có thể mô phỏng một số chế độ xem kích thước màn hình như thiết bị di động, máy tính bảng và máy tính để bàn. Bạn sẽ thực hiện những thiết kế đó. Có những khoảng cách giữa mỗi mô hình kích thước màn hình, điều này sẽ đòi hỏi kỹ năng kỹ thuật và ra quyết định cũng như để có một quá trình chuyển đổi liền mạch. Đây là những loại vấn đề bạn sẽ gặp phải và chúng ảnh hưởng đến trải nghiệm người dùng.

Kỹ năng kỹ thuật ít hơn

Sự đồng cảm. Đây là một kỹ năng quan trọng đối với một UXE. Họ cần hiểu người dùng để cải thiện trải nghiệm của họ. Điều này bao gồm niềm đam mê hiểu cách mọi người nghĩ. Quan tâm sâu sắc đến tác động bạn có thể có đối với trải nghiệm người dùng sẽ giúp bạn tiến xa trong lĩnh vực này.

Giao tiếp và Hợp tác. Các UXE được yêu cầu thực hiện nhiều giao tiếp đa chức năng. Họ có thể nói chuyện với người dùng, nhà thiết kế, nhà phát triển, chủ sở hữu sản phẩm và các bên liên quan. Họ chịu trách nhiệm về các bản dịch giữa các đội thiết kế và kỹ thuật. Có khả năng đóng góp vào tài liệu sử dụng các kỹ năng giao tiếp bằng văn bản. Điều này có thể bao gồm tài liệu hướng dẫn kiểu, thành phần hoặc hướng dẫn cho người dùng.

Sáng tạo. Có vẻ như rõ ràng đây sẽ là một kỹ năng tuyệt vời cần có dựa trên yếu tố thiết kế của vai diễn. Các UXE có cơ hội tìm ra các giải pháp sáng tạo, đặc biệt là khi thiết kế và phát triển cần gặp nhau ở giữa.

Nguyên tắc và lý thuyết trải nghiệm người dùng. Hiểu khía cạnh tâm lý của UX sẽ rất hữu ích khi đưa ra quyết định thiết kế. Học hỏi kinh nghiệm tâm lý là điều cần thiết. Trang web Laws of UX là một tổng quan tuyệt vời về những điều này.

Tóm lược

Khi các quy trình thiết kế và kỹ thuật trưởng thành, cần có các vai trò như Kỹ sư UX, Nhà nghiên cứu UX, Nhà thiết kế UI / UX, Kỹ sư giao diện người dùng, v.v., mỗi người đều có bộ kỹ năng nâng cao của riêng mình.

Bằng cách cộng tác, những vai trò này có thể kết hợp với nhau để tạo ra trải nghiệm hàng đầu cho người dùng. Nhu cầu về nhiều vai trò trong số này đã tăng lên trong những năm gần đây, đặc biệt là khi nhận thức được tầm quan trọng của hệ thống thiết kế trong các tổ chức.

Kỹ sư UX lấp đầy khoảng trống có thể có lợi cho sự cân bằng giữa thiết kế và phát triển. Chúng ta sẽ tiếp tục thấy ngày càng có nhiều vai trò Kỹ thuật UX xuất hiện khi tầm quan trọng của vai trò này ngày càng được công nhận.

Tôi thích sự kết hợp của các kỹ năng mà tôi có thể sử dụng hàng ngày như một UXE. Nếu bạn là một cá nhân sáng tạo muốn làm việc gần gũi hơn với các nhóm thiết kế, đây cũng có thể là vai trò hoàn hảo dành cho bạn.

Nếu bạn muốn tìm hiểu thêm về cách làm việc với tư cách là Kỹ sư UX, vui lòng liên hệ trên Twitter .


#ux #userexperience 

Kỹ Sư UX Là Gì? Giải Thích Vai Trò Của Kỹ Sư Trải Nghiệm Người Dùng
Brielle  Maggio

Brielle Maggio


How to Improve Gradio UI UX (Themes & CSS) for ML UI

Improving Gradio UI UX (Themes & CSS) | Gradio ML UI Beginners Course

#machine-learning #ui #ux #css #gradio 

How to Improve Gradio UI UX (Themes & CSS) for ML UI
Code  Camp

Code Camp


Designing a Real-world Mobile App using Figma

Great Design With User Research - Design a Mobile App Using Figma

Improve your UI / UX design skills by designing a real-world app using Figma. You will learn how to use the design thinking process and self process management to come up with design solutions.

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:04:53) Outline Breakdown
⌨️ (0:07:01) Workflow Breakdown In FigJam
⌨️ (0:22:50) User Empathy ( Empathize )
⌨️ (0:23:21) Creating User Experience Survey With Google Forms
⌨️ (0:38:21) Creating User Personas
⌨️ (0:43:08) Creating Problem Statement
⌨️ (0:44:31) Ideate
⌨️ (0:47:49) Prototype Analysis
⌨️ (0:48:16) User Goals & User Tasks
⌨️ (0:50:11) Information Architecture
⌨️ (0:55:38) Low Fidelity Prototyping
⌨️ (1:19:59) High Fidelity Prototyping
⌨️ (1:20:11) Creating Style Library
⌨️ (1:37:21) Creating Component Library
⌨️ (3:32:11) Prototype Presentation & Assignments

#ux #figma #ui 


Designing a Real-world Mobile App using Figma
Dylan  Iqbal

Dylan Iqbal


Glassmorphism UI Design - Components and Design System

Glassmorphism UI Design - Components and Design System - For beginners

Let's design more screens using the Glassmorphism style and learn how to organize our design system. This is how I set up my components and customize them.

📂 Figma file ➡

#figma #ui #ux #webdesign

Glassmorphism UI Design - Components and Design System

How to Design Dark UI Design in Figma

Dark UI Design in Figma - For Beginners

Learn how to design dark UI design in the Figma design tool

📂 Figma file 

#figma #ui #ux #webdesign

How to Design Dark UI Design in Figma
Dylan  Iqbal

Dylan Iqbal


Claymorphism Explained

UI Design Livestream: Claymorphism + How to mix styles

Let's explore Claymorphism together and how to match styles.

Figma file: 

#figma #ui #ux #webdesign

Claymorphism Explained