Notes exported from User Experience for Web Designers course on LinkedIn Learning (previously Lynda).
Chapter: 2. Don’t Get in the Way of the Information
Video: Simple design
| Time | Note Text |
|---|---|
| 0:00:33 | img nên explain cho content |
| 0:00:42 | ads cũng nên liên quan đến content |
| 0:00:45 | nếu print layout có 100% text thì web layout chỉ nên chứa tối đa 50% số text đó |
Video: Consistent design
| Time | Note Text |
|---|---|
| 0:00:12 | Consistent Design: haveing the same response whenever people perform an action |
| 0:00:19 | VD: khi lick 1 link thì nên thấy 1 page chứ ko phải thấp pop-up, alert hay unexpected actions khác |
| 0:00:45 | cũng cần consistent với cách đặt tên (vd: trên nav bar) |
Video: Standard design
| Time | Note Text |
|---|---|
| 0:00:01 | consistent design giúp cho user hiểu site nhanh hơn và có thể áp dụng những hiểu biết đó với các thành phần khác của site |
| 0:00:18 | Standard Design: nên follow theo 1 tiêu chuẩn chung với các site mà user thường sử dụng (thường là các site lớn) để user cảm thấy quen thuộc hơn |
Chapter: 3. Navigation
Video: Content has a structure
| Time | Note Text |
|---|---|
| 0:00:08 | Mục đích của Navigation: - Di chuyển qua lại giữa các page của site - Hiểu vị trí page đang truy cập |
| 0:01:18 | Navigation Structure: 3 kiểu - Category - nouns - Audience - users - Task-based - verbs |
| 0:01:52 | sắp xếp thứ tự cho secondary nav: - Popularity - Promotion - Location - Time - Alphabetical order |
Video: Reviewing some menu myths
| Time | Note Text |
|---|---|
| 0:00:11 | Lý thuyết sai: all content nên chỉ cần 3 cái click chuột là có thể truy cập đc ->miễn sao là user còn có thể tìm đc info hữu ích thì bnhiêu cái click chuột ko qtrọng |
| 0:00:59 | Lý thuyết sai: Menu ko nên nhiều hơn 9item -> Menu nên ko nhiều hơn quá 7+-2 items. 7 là số trung bình item mà con người có thể nhớ (ít thì 5 nhiều thì 9) |
| 0:01:40 | Nếu dùng nav dọc, nhiều item (hơn cả 9) thì nên group thành các chunk có items lquan đến nhau đển user dễ phân biệt |
Video: Adding search to your site
| Time | Note Text |
|---|---|
| 0:00:39 | Tiêu chuẩn cho searchbox: - Nằm góc trên bên phải - Khung input rỗng, với 1 btn Search bên cạnh |
| 0:01:19 | Nếu cảm thấy user cần phải nhập 1 đoạn text dài/ nhiều keywords vào searchbox thì nên làm khung input dài cho phù hợp |
| 0:02:06 | Tiêu chuẩn cho Search result page: - Title: Search results for " - dưới title là khung search để tiện cho việc search lại - các item search hiện ra cần bao gồm: Title page, description của page, link đến page đó, có thể có thumbnail nhỏ ở đầu bên trái đoạn info |
| 0:02:18 | dùng cho mỗi page để SEO |
| 0:02:25 | Title cho mỗi page cần cụ thể và duy nhất: - Có thể dựa vào breadcrumb, phân cách nhau bởi dấu |, đứng đầu tiên là tên page user đang truy cập, đứng cuối sẽ là tên của website |
Video: Understanding links
| Time | Note Text |
|---|---|
| 0:00:08 | các text của links nên miêu tả cái gì mà link này dẫn tới ”For more on the …, click here” -> ko nên đặt link ở text “click here” mà nên đặt ở ”…”, sửa đoạn text trên lại thành “Learn more about …” |
Video: Exploring clickable elements
| Time | Note Text |
|---|---|
| 0:00:50 | các btn nên có cả hover và focus state |
Video: Understanding Fitts’ law
| Time | Note Text |
|---|---|
| 0:00:26 | Fitts’ Law: It’s faster to hit larger targets closer to you than smaller targets farther from you |
| 0:01:37 | Vị trí nào trên màn hình dễ sử dụng như là 1 target: vị trí dưới con trỏ chuột (vd: context menu - menu chuột phải khi xuất hiện ra luôn nằm phía dưới con trỏ chuột) |
| 0:02:38 | people thường di chuyển sự tập trung của mình từ góc trên bên trái đến góc dưới bên phải (vd: các btn submit & cancel của form thường nằm ở vị trí phía dưới bên phải) |
| 0:02:46 | khi design cho mobile, giữa các item có thể nhấn cần có khoảng cách để phân biệt thị giác và cũng để user chắc chắn mình đang click vào đâu |
Chapter: 4. Site Layout
Video: People can begin from any page on your site
| Time | Note Text |
|---|---|
| 0:00:46 | people nên có thể truycập từ bất cứ page nào của website |
Video: Elements every webpage should have
| Time | Note Text |
|---|---|
| 0:00:58 | Nghĩ về những element mà tất cả các page đều nên có: image/logo theo chủ đề, title/name của page có thể bỏ trong ảnh, còn description thì ko nên bỏ trong ảnh để search engine có thể crawl đc, và đống này nên link đến homepage |
Chapter: 5. Writing for the Web
Video: How people read on the web
| Time | Note Text |
|---|---|
| 0:00:19 | Eye tracking cho thấy mắt người thường tập trung tạo thành vùng chữ F |
| 0:01:20 | Những điều nên làm với F area của eye tracking: - Đặt summary của content cảu page vào đoạn văn đầu tiên - page heading phải cung cấp info hữu ích: về content và cả về các đoạn tiếp theo - đặt những từ quan trọng lên đầu gần với bullets để user có thể quick scan và lựa chọn đọc đoạn văn nào họ tìm thấy từ khoá họ cần ở đầu đoạn văn |
| 0:02:29 | giữ nội dung ngắn và đơn giản |
Chapter: 6. Homepage
Video: The five-second test
| Time | Note Text |
|---|---|
| 0:02:18 | 1 rule of thumb: user nên chỉ mất 5s để chỉ ra website của bạn nói về gì? 5s là đủ để user quyết định ở lại hay rời đi. dùng fivesecondtest.com hay clueapp.com để test tự động |
Chapter: 9. Forms
Video: Ask for information in context
| Time | Note Text |
|---|---|
| 0:01:32 | nếu đặt câu hỏi, hãy đặt vào lúc phù hợp và khi user sẵn sàng để cung cấp info cho form của mình |
