Khóa học Thiết Kế UIUX Web Product Design

Hoàng Trâm

Cô Hoàng Trâm có hơn 8 năm kinh nghiệm trong lĩnh vực thiết kế sản phẩm: Product Design, UX/UI và Front-End Developer. Hiện tại Trâm đang là Product Design Manager tại FireGroup

Giáo trình

• 1 Buổi Day 01 - Welcome & Introduction

  - First step with UX: UX through times and what we perceive about UX today

  - About design job and career path

  - Definition:

  - Design is solving problems

  - Design from printed product to digital product: website, web-application

  - Product mindset to keep in mind: UX is the balance act between Business and Users. Why? and How?

• 1 Buổi Day 02 - Get started

  - Product development process

  - Define success and plan for success

  - Definition on: Website and Web-application

• 1 Buổi Day 03: Planning for success part 1 - Why are we doing this and Research

  WHY

  - What's worth doing?

  - What are we creating?

  - What value does it provide?

  - Exercise: Who are your users? Define value and strategic opportunity

   RESEARCH

  - Business stakeholder research: Identify business goal

  - User research: identify user needs

  - Decision path: connect user needs with strategy

  - Exercise: Decision path

• 1 Buổi Day 04 - Planning for success part 2 - Requirements and Testing

  REQUIREMENTS

  - How to generate and documenting

  - Determining and controlling

  - Tools

  - Exercise: Smart project scoping

   TESTING

  - Why test? What to test

  - Create a test plan

  - Tips

• 1 Buổi Day 05 - Information Architect and Sitemap

  - Create solid foundation: Information Architect (IA)

  - Content strategy

  - Types of IA models

  - Tools for creating IA models

  - Exercise: create an IA model for your websites

• 1 Buổi Day 06 - Navigation design

  - Primary and secondary navigation

  - Global and local navigation

  - Navigation for different users

  - Validate your navigation design

  - Exercise: determining key navigation paths + cart sorting methods

• 1 Buổi Day 07: Wireframe

  - Graphic elements

  - Giới thiệu UI kits: button, form, field...

  - Components

  - Tools

  - What’s Responsive

  - Grid system and Boostrap

  - HTML and CSS - from a designer's perspective

• 1 Buổi Day 08: UI Kits and Components

  - Graphic elements

  - Giới thiệu UI kits: button, form, field...

  - Components

  - Tools

  - What’s Responsive

  - Grid system and Boostrap

  - HTML and CSS - from a designer's perspective

• 1 Buổi Day 09: UI Design

  - Define appropriate UI

  - Principles

  - Tips: Identify Design Principles in an existing UI

  - Visual hierarchy and other design tips (contrast and uniformity, consistency, color and typography) + key takeaways

• 1 Buổi Day 10 - Exercise Websites

  - Exercise: B2B websites

  - Exercise: Blog

  - Exercise: Ecommerce website

  - Evaluate your design

  - Tips

• 1 Buổi Day 11: Web-Application

  - Definition and history of web-application. Trends and opportunities at Vietnamese companies

  - SCRUM, AGILE

  - UX/UI designers' position and how to fit into SCRUM

  - Design thinking and LEAN UX

• 1 Buổi Day 12 - UXD - User Experience Design

  - Exercise: From websites to web-app

  - The Elements of UX and how they work together

  - Elements: Strategy, Scope, Structure, Skeleton, Surface

  - Tips

• 1 Buổi Day 13: Exercise Web-Application

  - Requirements

  - User research

  - Define IA model

  - Sitemap and navigation

  - UI design tips in Web-application: button, checkbox, radios, accordions...

• 1 Buổi Day 14 - Presentation Part 1

  - Present and receive feedbacks P1

• 1 Buổi Day 15 - Presentation Part 2

  - Present and receive feedbacks P2

• 1 Buổi Day 16: Summary, takeaways and resources

  - Key takeaways

  - Provide templates and resources