SlideShare a Scribd company logo
UX trong Wordpress 
Một cái nhìn tổng quan 
Trình bày: Long Hải 
TP. HCM – 10/2014
Giới thiệu 
¡ Trần Trương Long Hải 
Product Manager | BrandUp 
¡ vn.linkedin.com/in/trantruonglonghai/ 
¡ Skype: haitran.pm 
¡ Email: haitran.pm@gmail.com
Nội dung chính 
¡ Cái nhìn tổng quan về UX 
¡ Một số thủ thuật để cải thiện UX trên Wordpress 
¡ Q&A
Thế nào là UX? 
Trải nghiệm người dùng (UX - User Experience) là cách một 
người cảm nhận khi giao tiếp với một hệ thống. 
Hệ thống có thể là một trang web, một ứng dụng web hoặc phần 
mềm máy tính.
Business Objectives 
vs. User Experience
Quy trình thiết kế UX 
¡ Đánh giá hệ thống / Phân tích yêu cầu 
¡ Các bảng khảo sát và thử nghiệm với người dùng 
¡ Thiết kế wireframe 
¡ User Flows 
¡ Kể chuyện 
¡ Thiết kế các pattern 
¡ Giả lập tính cách người dùng – Personas 
¡ Định hướng phong cách / thương hiệu
Mục đích thiết kế UX 
Nguồn: Semantic Studios
Thao tác người dùng 
¡ Đọc 
¡ Nghe audio / Xem video 
¡ Di chuyển bên trong website 
¡ Liên hệ 
¡ Tìm kiếm 
¡ Chia sẻ / Đánh dấu 
¡ Bình luận 
¡ Subscribe email
Cải thiện UX trên Wordpress 
¡ font-size / line-height / letter-spacing 
¡ Video / Audio loading – streaming speed; volume control 
¡ Sidebar: chiều dài; quảng cáo; … 
¡ Navigation: Tabs > Menus > Links > Dropdown menus 
¡ Breadcrumb 
¡ Search form: should have button and filter 
¡ Permalinks 
¡ Favicon & Gravatars
Cải thiện UX trên Wordpress 
¡ Sharing / Bookmarking 
¡ Contact form: consider to use captcha 
¡ Comment form: large enough 
¡ Colors 
¡ Information designs: Chart / Graphs / Infographic 
¡ Mobile Users
Cảm ơn các bạn đã lắng nghe!

More Related Content

Similar to Something you should know about UX in Wordpress

Mobile ui
Mobile uiMobile ui
Thiết kế giao diện người dùng - Công nghệ phần mềm
Thiết kế giao diện người dùng - Công nghệ phần mềmThiết kế giao diện người dùng - Công nghệ phần mềm
Thiết kế giao diện người dùng - Công nghệ phần mềm
Dong21
 
Design Thinking - Biến ý tưởng thành hiện thực
Design Thinking - Biến ý tưởng thành hiện thựcDesign Thinking - Biến ý tưởng thành hiện thực
Design Thinking - Biến ý tưởng thành hiện thực
Huynh Huu Tai
 
Cách chuyển công việc từ graphic designer thành ux designer
Cách chuyển công việc từ graphic designer thành ux designerCách chuyển công việc từ graphic designer thành ux designer
Cách chuyển công việc từ graphic designer thành ux designer
freec.asia
 
Xây dựng website thương mại điện tử
Xây dựng website thương mại điện tửXây dựng website thương mại điện tử
Xây dựng website thương mại điện tử
Cat Van Khoi
 
Dich vu webapplication
Dich vu webapplicationDich vu webapplication
Dich vu webapplication
Pham Ngoc Quang
 
7 chiasevephatriensanphamux uitaitgdd
7 chiasevephatriensanphamux uitaitgdd7 chiasevephatriensanphamux uitaitgdd
7 chiasevephatriensanphamux uitaitgdd
HIEN NGUYEN SONG THANH
 

Similar to Something you should know about UX in Wordpress (7)

Mobile ui
Mobile uiMobile ui
Mobile ui
 
Thiết kế giao diện người dùng - Công nghệ phần mềm
Thiết kế giao diện người dùng - Công nghệ phần mềmThiết kế giao diện người dùng - Công nghệ phần mềm
Thiết kế giao diện người dùng - Công nghệ phần mềm
 
Design Thinking - Biến ý tưởng thành hiện thực
Design Thinking - Biến ý tưởng thành hiện thựcDesign Thinking - Biến ý tưởng thành hiện thực
Design Thinking - Biến ý tưởng thành hiện thực
 
Cách chuyển công việc từ graphic designer thành ux designer
Cách chuyển công việc từ graphic designer thành ux designerCách chuyển công việc từ graphic designer thành ux designer
Cách chuyển công việc từ graphic designer thành ux designer
 
Xây dựng website thương mại điện tử
Xây dựng website thương mại điện tửXây dựng website thương mại điện tử
Xây dựng website thương mại điện tử
 
Dich vu webapplication
Dich vu webapplicationDich vu webapplication
Dich vu webapplication
 
7 chiasevephatriensanphamux uitaitgdd
7 chiasevephatriensanphamux uitaitgdd7 chiasevephatriensanphamux uitaitgdd
7 chiasevephatriensanphamux uitaitgdd
 

More from Hải Trần

Programmatic advertising
Programmatic advertisingProgrammatic advertising
Programmatic advertising
Hải Trần
 
The concept of tracking user behavior
The concept of tracking user behaviorThe concept of tracking user behavior
The concept of tracking user behavior
Hải Trần
 
Hướng dẫn sử dụng Google Tag Manager
Hướng dẫn sử dụng Google Tag ManagerHướng dẫn sử dụng Google Tag Manager
Hướng dẫn sử dụng Google Tag Manager
Hải Trần
 
Onboarding
OnboardingOnboarding
Onboarding
Hải Trần
 
Câu chuyện về font chữ
Câu chuyện về font chữCâu chuyện về font chữ
Câu chuyện về font chữ
Hải Trần
 
A/B Testing Tool
A/B Testing ToolA/B Testing Tool
A/B Testing Tool
Hải Trần
 
Photoshop in graphic design - Fundamental
Photoshop in graphic design - FundamentalPhotoshop in graphic design - Fundamental
Photoshop in graphic design - Fundamental
Hải Trần
 
Building Your First Email Marketing
Building Your First Email MarketingBuilding Your First Email Marketing
Building Your First Email Marketing
Hải Trần
 
Câu chuyện về font chữ
Câu chuyện về font chữCâu chuyện về font chữ
Câu chuyện về font chữ
Hải Trần
 
Approach to Responsive Web Design - Part 2
Approach to Responsive Web Design - Part 2Approach to Responsive Web Design - Part 2
Approach to Responsive Web Design - Part 2
Hải Trần
 
Approach to Responsive Web Design - Part 1
Approach to Responsive Web Design - Part 1Approach to Responsive Web Design - Part 1
Approach to Responsive Web Design - Part 1
Hải Trần
 
SharePoint Branding - Not look like SharePoint
SharePoint Branding - Not look like SharePointSharePoint Branding - Not look like SharePoint
SharePoint Branding - Not look like SharePointHải Trần
 

More from Hải Trần (12)

Programmatic advertising
Programmatic advertisingProgrammatic advertising
Programmatic advertising
 
The concept of tracking user behavior
The concept of tracking user behaviorThe concept of tracking user behavior
The concept of tracking user behavior
 
Hướng dẫn sử dụng Google Tag Manager
Hướng dẫn sử dụng Google Tag ManagerHướng dẫn sử dụng Google Tag Manager
Hướng dẫn sử dụng Google Tag Manager
 
Onboarding
OnboardingOnboarding
Onboarding
 
Câu chuyện về font chữ
Câu chuyện về font chữCâu chuyện về font chữ
Câu chuyện về font chữ
 
A/B Testing Tool
A/B Testing ToolA/B Testing Tool
A/B Testing Tool
 
Photoshop in graphic design - Fundamental
Photoshop in graphic design - FundamentalPhotoshop in graphic design - Fundamental
Photoshop in graphic design - Fundamental
 
Building Your First Email Marketing
Building Your First Email MarketingBuilding Your First Email Marketing
Building Your First Email Marketing
 
Câu chuyện về font chữ
Câu chuyện về font chữCâu chuyện về font chữ
Câu chuyện về font chữ
 
Approach to Responsive Web Design - Part 2
Approach to Responsive Web Design - Part 2Approach to Responsive Web Design - Part 2
Approach to Responsive Web Design - Part 2
 
Approach to Responsive Web Design - Part 1
Approach to Responsive Web Design - Part 1Approach to Responsive Web Design - Part 1
Approach to Responsive Web Design - Part 1
 
SharePoint Branding - Not look like SharePoint
SharePoint Branding - Not look like SharePointSharePoint Branding - Not look like SharePoint
SharePoint Branding - Not look like SharePoint
 

Something you should know about UX in Wordpress

  • 1. UX trong Wordpress Một cái nhìn tổng quan Trình bày: Long Hải TP. HCM – 10/2014
  • 2. Giới thiệu ¡ Trần Trương Long Hải Product Manager | BrandUp ¡ vn.linkedin.com/in/trantruonglonghai/ ¡ Skype: haitran.pm ¡ Email: haitran.pm@gmail.com
  • 3. Nội dung chính ¡ Cái nhìn tổng quan về UX ¡ Một số thủ thuật để cải thiện UX trên Wordpress ¡ Q&A
  • 4.
  • 5.
  • 6.
  • 7.
  • 8. Thế nào là UX? Trải nghiệm người dùng (UX - User Experience) là cách một người cảm nhận khi giao tiếp với một hệ thống. Hệ thống có thể là một trang web, một ứng dụng web hoặc phần mềm máy tính.
  • 9. Business Objectives vs. User Experience
  • 10. Quy trình thiết kế UX ¡ Đánh giá hệ thống / Phân tích yêu cầu ¡ Các bảng khảo sát và thử nghiệm với người dùng ¡ Thiết kế wireframe ¡ User Flows ¡ Kể chuyện ¡ Thiết kế các pattern ¡ Giả lập tính cách người dùng – Personas ¡ Định hướng phong cách / thương hiệu
  • 11. Mục đích thiết kế UX Nguồn: Semantic Studios
  • 12. Thao tác người dùng ¡ Đọc ¡ Nghe audio / Xem video ¡ Di chuyển bên trong website ¡ Liên hệ ¡ Tìm kiếm ¡ Chia sẻ / Đánh dấu ¡ Bình luận ¡ Subscribe email
  • 13. Cải thiện UX trên Wordpress ¡ font-size / line-height / letter-spacing ¡ Video / Audio loading – streaming speed; volume control ¡ Sidebar: chiều dài; quảng cáo; … ¡ Navigation: Tabs > Menus > Links > Dropdown menus ¡ Breadcrumb ¡ Search form: should have button and filter ¡ Permalinks ¡ Favicon & Gravatars
  • 14. Cải thiện UX trên Wordpress ¡ Sharing / Bookmarking ¡ Contact form: consider to use captcha ¡ Comment form: large enough ¡ Colors ¡ Information designs: Chart / Graphs / Infographic ¡ Mobile Users
  • 15. Cảm ơn các bạn đã lắng nghe!