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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Introduction to User Experience Design

269

Published on

Published in: Design, Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
269
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
14
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Gary
  • The scope of the field is directed at affecting "all aspects of the user’s interaction with the product: how it is perceived, learned, and used
    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
    Usable: Tiện lợi, thích hợp cho việc sử dụng
    Useeful : Hữu ích cho người dùng cho một mục đích/nhu cầu của người dùng
    Credible: Tạo ra sự tin tưởng cho người sử dụng
    Desirable: Tạo ra cảm giác thèm muốn, ao ước được sử dụng
    Accessible: Sử dụng đơn giản
     Valuable: Gía trị cho người sử dụng/khách hàng
  • Taxonomy Creation: Sự phân loại element trong thiết kế
    Terminology: Thuật ngữ của chuyên ngành
    Ux is the intangible design of a strategy that brings us to solution: Thiết kế phi vật thể
    evangelism
  • 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.
    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
    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
    Design and Implementation : Làm việc với đội design và phát triển để đưa ra một UI phù hợp
    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
  • Crit: critique
  • 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.
    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
    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
    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.
    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.
    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
  • Transcript

    • 1. Nguyen Tuan Anh, Deputy Director of Digital Content Center VIVAS , 06/2014. Introduction to User Experience Design
    • 2. • What is UX? • UX # UI • User – Centered Design • Introduction to building Wireframes • Tips for Wireframing. • Q & A
    • 3. What is User Experience (UX)? • User Experience is the sum experience of a user interacting with a product or system. UX ~ Feeling not Function
    • 4. UX # UIUX # UI
    • 5. UX # UIUX # UI
    • 6. UX # UIUX # UI
    • 7. Why ? Good UI – Bad UX
    • 8. 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
    • 9. UX Design Process
    • 10. • 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
    • 11. Tool ? Paper + Pencil
    • 12. Tool ? Paper + Pencil
    • 13. • OmniGraffle - For Mac, Ipad http://www.omnigroup.com/omnigraffle/ • Balsamiq – For Windows – Intro http://balsamiq.com/ Tool
    • 14. 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
    • 15. Tips for Wireframing • Have clear Objective • Keep It Clean • Don’t Make me think • Repetition. Repetition.Repetition
    • 16. Tips for Wireframing • Have clear Objective • Keep It Clean • Don’t Make me think • Repetition. Repetition.Repetition
    • 17. Tips for Wireframing • Have clear Objective • Keep It Clean • Don’t Make me think • Repetition. Repetition.Repetition
    • 18. Tips for Wireframing • Have clear Objective • Keep It Clean • Don’t Make me think • Repetition. Repetition.Repetition
    • 19. 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

    ×