Introduction to User Experience Design
Upcoming SlideShare
Loading in...5
×
 

Introduction to User Experience Design

on

  • 165 views

 

Statistics

Views

Total Views
165
Views on SlideShare
164
Embed Views
1

Actions

Likes
3
Downloads
8
Comments
0

1 Embed 1

https://www.linkedin.com 1

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Gary <br />
  • The scope of the field is directed at affecting &quot;all aspects of the user’s interaction with the product: how it is perceived, learned, and used <br /> Finable : Người dùng có thể tìm thấy những thứ cần thiết để phục vụ lợi ích/nhu cầu người dùng <br /> Usable: Tiện lợi, thích hợp cho việc sử dụng <br /> Useeful : Hữu ích cho người dùng cho một mục đích/nhu cầu của người dùng <br /> Credible: Tạo ra sự tin tưởng cho người sử dụng <br /> Desirable: Tạo ra cảm giác thèm muốn, ao ước được sử dụng <br /> Accessible: Sử dụng đơn giản <br />  Valuable: Gía trị cho người sử dụng/khách hàng <br />
  • Taxonomy Creation: Sự phân loại element trong thiết kế <br /> Terminology: Thuật ngữ của chuyên ngành <br /> Ux is the intangible design of a strategy that brings us to solution: Thiết kế phi vật thể <br /> evangelism <br />
  • User-Centered Design (UCD) – Là một triết lý sản phẩm mà trong đó các nhu cầu, mong muốn, hạn chế, thói quen của người sử dụng được đặt lên hàng đầu và được quan tâm trong xuyên suốt quá trình thiết kế sản phẩm. <br /> User Research: Nghiên cứu hành vi, thói quen của người dùng ( Khách hàng mục tiêu trong một business case)  Xác định nhu cầu, mục tiêu của khách hàng <br /> Conceptual Design: Nhanh chóng tạo ra các bản Mockup cho sản phẩm  Tạo ra những phiên bản khác nhau, kiểm thử  Lặp lại quá trình để đưa ra một bản thiết kế đạt được mục tiêu và khả năng sử dụng được đạp ứng <br /> Design and Implementation : Làm việc với đội design và phát triển để đưa ra một UI phù hợp <br /> Usability Evaluation: Tiến hành phát triển khả năng tương tác, khả dụng của người dùng <br />
  • Crit: critique <br />
  • UX Tạp chí là một nguồn chất lượng cao đăng tải những cuộc thảo luận về các cách thức để nâng cao trải nghiệm người dùng.là một nguồn chất lượng cao đăng tải những cuộc thảo luận về các cách thức để nâng cao trải nghiệm người dùng. <br /> UX Booth là một blog của một nhóm tác giả phục vụ cho cộng đồng thiết kế trải nghiệm người dùng. Nó cũng có những bài viết về tính khả dụng và thiết kế tương tác <br /> UI Stack Exchange (một phần của mạng Stack Overflow) là một trang web hỏi đáp dành cho những nhà nghiên cứu các chuyên gia về giao diện người dùng <br /> Stack Overflow, một trang web hỏi đáp về lập trình phổ biến, với những chủ đề tuyệt vời được về UX và tính khả dụng. <br /> UX Exchange là một trang web cộng đồng nơi các thành viên có thể hỏi về trải nghiệm người sử dụng và các lĩnh vực liên quan như tính khả dụng, khả năng truy cập và thiết kế tương tác. <br /> UXmatters là một tạp chí web đăng tải nội dung về chiến lược phát triển trải nghiệm nghiệm người sử dụng, kiến thức UX và nhiều thứ khác nữa <br />

Introduction to User Experience Design Introduction to User Experience Design Presentation Transcript

  • Nguyen Tuan Anh, Deputy Director of Digital Content Center VIVAS , 06/2014. Introduction to User Experience Design
  • • What is UX? • UX # UI • User – Centered Design • Introduction to building Wireframes • Tips for Wireframing. • Q & A
  • What is User Experience (UX)? • User Experience is the sum experience of a user interacting with a product or system. UX ~ Feeling not Function
  • UX # UIUX # UI
  • UX # UIUX # UI
  • UX # UIUX # UI
  • Why ? Good UI – Bad UX
  • What is User-Centered Design (UCD)? • The user is put in the center of the design User Requirement Analysis: Determine the user needs and target usability requirements Conceptual Design: Rapidly create visual representations (mockups) or interactive representations (prototypes) of the product. Design and Implementation : Work with the design and development team to revise user interface based on concept evaluation
  • UX Design Process
  • • Step 1: (PrM) – Input :Customer Segment, User Behavior, Context – Out Put: Fetures Ideas (1) • Step 2: PrM/ UX Designer – Input: (1) + Feedback – Out put: Sketching/ Wireframe ( PrM)  Approve UX Designer ( 2) • Step 3: UI Designer – Input: (2) – Out put: Visual Design ( UI Designer )  Approve PrM/UX Designer Work Flow
  • Tool ? Paper + Pencil
  • Tool ? Paper + Pencil
  • • OmniGraffle - For Mac, Ipad http://www.omnigroup.com/omnigraffle/ • Balsamiq – For Windows – Intro http://balsamiq.com/ Tool
  • Tool • Gomockingbird https://gomockingbird.com/mockingbird/ • Adobe Fireworks • Power Mockup http://www.powermockup • Invision http://www.invisionapp.com • Suggest: Axure for Mac, PC Trainning : http://www.axure.com/learn
  • Tips for Wireframing • Have clear Objective • Keep It Clean • Don’t Make me think • Repetition. Repetition.Repetition
  • Tips for Wireframing • Have clear Objective • Keep It Clean • Don’t Make me think • Repetition. Repetition.Repetition
  • Tips for Wireframing • Have clear Objective • Keep It Clean • Don’t Make me think • Repetition. Repetition.Repetition
  • Tips for Wireframing • Have clear Objective • Keep It Clean • Don’t Make me think • Repetition. Repetition.Repetition
  • Website • UX Magazine : http://uxmag.com/ • UX Booth http://www.uxbooth.com/ • Stack Exchange http://ux.stackexchange.com/ • Stack Overflow • UX Exchange : uxexchange.com • Uxmatters : http://www.uxmatters.com/index.php