Capi Demy

Home
Vietnam
Hanoi
Capi Demy

Capi Demy - Đơn vị đào tạo UI/UX Design

19/12/2025

🐧 Làm freelance là ngon luôn

18/12/2025

✨“Giải mã thuật ngữ UI/UX cùng Design-ary” quay trở lại với phần 3 rồi đây✨

Kho từ điển tiếng ngành Design-ary sẽ tiếp tục giúp bạn hiểu rõ hơn những khái niệm tưởng quen nhưng cũng dễ nhầm trong quá trình thiết kế.

Hôm nay Capi Demy giới thiệu đến bạn 7 thuật ngữ mới bao gồm:
📘 Interaction Design
📘 Overlay
📘 Persona
📘 Range control
📘 Badge
📘 Submenu

Dù bạn mới bắt đầu hay đã làm UI/UX một thời gian, việc nắm chắc các thuật ngữ cơ bản sẽ giúp bạn giao tiếp chuyên nghiệp hơn, hiểu rõ hơn mục tiêu của từng bước trong quy trình thiết kế và phối hợp mượt mà với team.

Hy vọng phần 3 của Design-ary có ích với bạn. Follow Capi Demy để biết thêm nhiều kiến thức UI/UX nhé!
-----------------------------------------------
Capi Demy - Đơn vị đào tạo UI/UX Design
Cơ sở 1: Tầng 6, số 35 Tô Vĩnh Diện, Khương Đình, Hà Nội
Cơ sở 2: Tầng 2, số 2 ngách 28 ngõ 93 Hoàng Văn Thái, Phương Liệt, Hà Nội

17/12/2025

🔥 Tầm này mà biết F/Z Pattern là ngon luôn

Khi người dùng nhìn vào một trang thiết kế (đặc biệt với ngôn ngữ đọc từ trái sang phải như tiếng Anh, tiếng Việt), họ thường có 2 xu hướng quét mắt sau:

📌 F Pattern (Mẫu F): Phù hợp với những trang nhiều chữ hoặc nội dung dài hơn. Trình tự quét mắt cụ thể như sau:
Đầu tiên quét ngang từ trái sang phải ở phần đầu trang.
Sau đó quét xuống phía dưới, dọc theo cạnh trái.
Khi thấy nội dung quan tâm thì lại quét ngang sang phải, rồi tiếp tục xuống trái, lặp lại như vậy.

📌 Z Pattern: Xu hướng mắt quét hình chữ Z trên một trang ít chữ, nhiều hình ảnh với bố cục đơn giản. Hành vi cụ thể của người dùng trong mô hình này:
Bắt đầu từ trên cùng bên trái, quét sang trên cùng bên phải.
Sau đó nhìn chéo xuống dưới cùng bên trái.
Rồi tiếp tục sang dưới cùng bên phải.

📌Lưu ý: một website có thể kết hợp cả hai tuỳ theo nội dung từng trang để thu hút và hướng sự chú ý của người dùng hiệu quả hơn.

💡 Đây là lý do bạn luôn thấy logo trước rồi mới đến nút CTA khi vào một trang web bất kỳ.

Bạn đã biết cách ứng dụng 2 mô hình này vào thiết kế của mình chưa?
👉 Đừng quên follow Capi Demy để biết thêm nhiều kiến thức UI/UX nhé!
-----------------------------------------------
Capi Demy - Đơn vị đào tạo UI/UX Design
Cơ sở 1: Tầng 6, số 35 Tô Vĩnh Diện, Khương Đình, Hà Nội
Cơ sở 2: Tầng 2, số 2 ngách 28 ngõ 93 Hoàng Văn Thái, Phương Liệt, Hà Nội

15/12/2025

⭐Bạn muốn nâng cấp kỹ năng UI/UX?
Hãy bắt đầu bằng từ việc nắm chắc 10 quy tắc Usability Heuristics – bộ quy tắc UI/UX kinh điển của Jakob Nielsen mà mọi Designer đều phải biết.
👉10 nguyên tắc này sẽ giúp bạn:
✔ Thiết kế rõ ràng hơn
✔ Giảm lỗi và tăng trải nghiệm
✔ Tối ưu sản phẩm dựa trên hành vi người dùng
Tìm hiểu chi tiết về bộ quy tắc này trong bài viết dưới đây và đừng quên follow Capi Demy để biết thêm nhiều kiến thức UI/UX bổ ích khác nha!
-----------------------------------------------
Capi Demy - Đơn vị đào tạo UI/UX Design
Cơ sở 1: Tầng 6, số 35 Tô Vĩnh Diện, Khương Đình, Hà Nội
Cơ sở 2: Tầng 2, số 2 ngách 28 ngõ 93 Hoàng Văn Thái, Phương Liệt, Hà Nội

12/12/2025

🎨Gì cũng có, làm hết trong Figma!

Ngày 10/12 vừa qua, Figma đã giới thiệu ba công cụ chỉnh sửa ảnh mới bằng AI giúp việc tinh chỉnh hình ảnh chính xác, nhanh và trực quan hơn ngay trong Figma mà không phải dùng phần mềm bên ngoài.

👉Với 3 công cụ AI mới của Figma, designer có thể xử lý ảnh chính xác và nhanh hơn:
✔ Erase object (Xóa đối tượng/chi tiết thừa): chọn một phần của ảnh và xóa bỏ hoàn toàn, nền phía sau tự động được lấp lại.
✔ Isolate object (Tách đối tượng): Tách đối tượng ra khỏi tổng thể để chỉnh sửa riêng, có thể di chuyển, thay đổi ánh sáng, màu sắc, độ nét… mà không ảnh hưởng phần còn lại.
✔ Expand image (Mở rộng ảnh ở mọi tỷ lệ): Mở rộng nền ảnh để phù hợp với tỉ lệ mới (như từ vuông sang banner) mà không bị méo, giúp điều chỉnh thiết kế đa kích thước dễ dàng hơn.

✨Thiết kế linh hoạt chưa bao giờ dễ đến thế. Bạn đã thử những tính năng mới này chưa? Chia sẻ trải nghiệm với Capi tại bài viết này và đừng quên follow Capi để cập nhật nhiều tin tức UI/UX thú vị khác nhé!
-----------------------------------------------
Capi Demy - Đơn vị đào tạo UI/UX Design
Cơ sở 1: Tầng 6, số 35 Tô Vĩnh Diện, Khương Đình, Hà Nội
Cơ sở 2: Tầng 2, số 2 ngách 28 ngõ 93 Hoàng Văn Thái, Phương Liệt, Hà Nội

10/12/2025

Refresh mà không cần nút refresh?

⬇️Tính năng pull-to-refresh (kéo để tải lại) được tạo ra từ câu hỏi tưởng như ngược đời này. Và đây chính là một trong những ví dụ điển hình của Lateral Thinking (tư duy đa chiều) trong thực tế.

🚩Lateral Thinking là một dạng tư duy giải quyết vấn đề sử dụng các cách suy nghĩ gián tiếp, sáng tạo, không đi theo logic thông thường để tiếp cận vấn đề từ những góc độ hoàn toàn mới. Như ví dụ mở đầu, thay vì cố tìm cách chèn nút refresh vào một UI đã tối ưu, Lateral Thinking cho phép mở rộng tư duy và hành động “kéo xuống” của người dùng trở thành giải pháp hợp lý, tự nhiên nhất.

Trong bài viết này, Capi Demy sẽ giới thiệu đến bạn phương pháp tư duy độc đáo này cũng như gợi ý một số cách ứng dụng trong sản phẩm của mình nhé!
Bạn là Designer và đang bí ý tưởng? Thử tí Lateral Thinking thôi nhỉ?
Hy vọng bài viết này mang đến cho các bạn cách tiếp cận và giải quyết vấn đề mới. Và nhớ follow Capi Demy để biết thêm nhiều kiến thức về UI/UX trong những bài viết tiếp theo nhé!
-----------------------------------------------
Capi Demy - Đơn vị đào tạo UI/UX Design
Cơ sở 1: Tầng 6, số 35 Tô Vĩnh Diện, Khương Đình, Hà Nội
Cơ sở 2: Tầng 2, số 2 ngách 28 ngõ 93 Hoàng Văn Thái, Phương Liệt, Hà Nội

08/12/2025

❓Bạn gặp bài viết này khi đang dùng một tay lướt điện thoại?

Có thể bạn chưa biết, trên thực tế, nghiên cứu của Steven Hoober cho thấy khoảng 49% người dùng cầm smartphone một tay và khoảng 75% tương tác trên màn hình cảm ứng được thực hiện bởi ngón cái. Người dùng hiếm khi cầm điện thoại bằng hai tay trừ khi gõ văn bản dài. Từ đó có thể thấy, nếu UI không được tối ưu cho ngón cái, trải nghiệm UX sẽ kém thoải mái.

👉Và đó là lý do UI/UX Designer cần quan tâm đến thumbzone khi thiết kế các sản phẩm mobile app.
🙆Thumbzone hiểu đơn giản là bản đồ các vùng mà ngón cái có thể chạm tới khi bạn cầm điện thoại bằng một tay.
Thumbzone gồm 3 vùng:
1. Easy to reach: vùng ngón cái thao tác tự nhiên, không đòi hỏi sự cố gắng.
2. OK to reach: vùng này đòi hỏi ngón cái phải vươn nhẹ, dùng được nhưng không hoàn toàn thoải mái.
3. Hard to reach: ngoài tầm với, gần như không khả thi, đặc biệt là góc trên cùng.

📑Thumbzone trong UI rất quan trọng vì các lý do sau:
✔️Thiết kế thuận ngón cái làm cho trải nghiệm tự nhiên hơn, giúp người dùng thao tác nhanh và thoải mái - điều này giúp tăng khả năng họ tiếp tục sử dụng app.
✔️Giúp giảm tỉ lệ nhấn nhầm, thao tác lỗi và tăng độ chính xác, nhất là khi người dùng đang di chuyển, cầm máy một tay hay không tập trung hoàn toàn.
✔️Với nhiều thiết bị có màn hình ngày càng lớn, nếu vẫn đặt các control quan trọng ở phần trên sẽ dễ gây phiền toái hoặc thậm chí khiến người dùng không chạm tới được bằng một tay.

❓Vậy thiết kế thế nào để tận dụng tốt thumbzone?
✨ Nguyên tắc: đặt 80% hành động quan trọng trong vùng dễ.
Nghiên cứu từ Steven Hoober chỉ ra rằng đa số người dùng không di chuyển điện thoại trong tay, thay vào đó là di chuyển ngón cái một cách tự nhiên.
Vậy nên mọi hành động lặp lại: Home, Search, Add, Send, Confirm… nên nằm ở phía dưới - là khu vực ngón cái chạm tới tự nhiên nhất.

✨ Tránh đưa chức năng quan trọng lên góc trên.
Ngay cả người dùng có kích thước tay lớn vẫn rất khó chạm vào góc trên nếu không trượt hoặc rướn. Vì vậy, để đảm bảo trải nghiệm liền mạch cho người dùng.
Do đó, chỉ đưa lên trên những thứ ít dùng, mang tính tham khảo, hoặc không yêu cầu thao tác nhanh (ví dụ: logo, tiêu đề, bổ sung).

✨ Touch area đủ lớn + spacing rộng rãi
Ngón cái không nhỏ như các ngón khác nên các lựa chọn thao tác phải to và thoáng vì nếu nút nhỏ hoặc đặt sát nhau thì tỉ lệ bấm nhầm sẽ tăng cao.
Chuẩn an toàn phổ biến: 44 - 48px touch target + spacing đúng mức để người dùng có thể thao tác thoải mái bằng ngón cái mà không lo sai.

✨ Ưu tiên bottom navigation & bottom sheet
Đưa thông tin quan trọng xuống dưới nhưng không nhồi nhét:
📌 Bottom navigation giúp truy cập nhanh vào các phân vùng chính.
📌 Bottom sheet tạo hành vi kéo lên - thao tác - kéo xuống tự nhiên cho ngón cái
📌 Với thao tác lặp lại (cart, search, create), đặt cố định ở cạnh dưới bên phải hoặc trung tâm - là nơi tương thích với quỹ đạo ngón cái.

✨Một điều tưởng đơn giản nhưng có thể thay đổi rất lớn đến trải nghiệm của khách hàng với sản phẩm của bạn. Hy vọng bài viết đã mang đến cho bạn những góc nhìn mới về thumbzone và sẵn sàng ứng dụng cho những thiết kế tiếp theo của mình.

Đừng quên follow Capi để biết thêm nhiều kiến thức UI/UX bổ ích khác nhé!
-----------------------------------------------
Capi Demy - Đơn vị đào tạo UI/UX Design
Cơ sở 1: Tầng 6, số 35 Tô Vĩnh Diện, Khương Đình, Hà Nội
Cơ sở 2: Tầng 2, số 2 ngách 28 ngõ 93 Hoàng Văn Thái, Phương Liệt, Hà Nội

05/12/2025

✨Những chi tiết nhỏ giúp gia tăng trải nghiệm người dùng✨
Case: Sự cá nhân hóa trong Welcome Screen từ Gemini.

🙋Mới đây, Gemini có sự điều chỉnh khá thú vị trong giao diện Welcome. Không chỉ dừng lại ở bổ sung lời chào “Xin chào + tên người dùng!” mà các gợi ý hành động cũng đã được điều chỉnh theo ngôn ngữ thân thiện, phù hợp với style của mỗi người dùng.

Sự điều chỉnh chi tiết nhỏ này là ví dụ điển hình cho các chiến lược tăng trải nghiệm người dùng - mà ở đây thông qua sự cá nhân hóa.

👉Ngoài personalize, UI/UX designer cũng có thể gia tăng trải nghiệm người dùng bằng cách để người dùng điều chỉnh giao diện (Customize Chrome), form báo lỗi theo ngữ cảnh cụ thể, học từ hành vi để dự đoán nhu cầu (Spotify, Youtube)...

👇Chia sẻ với Capi Demy tại comment nếu bạn biết những thương hiệu khác có thiết kế UX mang lại trải nghiệm người dùng tuyệt vời nhé!
-----------------------------------------------
Capi Demy - Đơn vị đào tạo UI/UX Design
Cơ sở 1: Tầng 6, số 35 Tô Vĩnh Diện, Khương Đình, Hà Nội
Cơ sở 2: Tầng 2, số 2 ngách 28 ngõ 93 Hoàng Văn Thái, Phương Liệt, Hà Nội

05/12/2025

✨LỊCH KHAI GIẢNG THÁNG 1 NĂM 2026 TẠI CAPI DEMY✨

Capi Demy sẽ khai giảng 2 lớp mới trong tháng 1 gồm:
🔹 Lớp UI Design (UID73): Dành cho các bạn mới bắt đầu, muốn xây dựng nền tảng tư duy UI vững chắc và làm chủ công cụ Figma.
🔹 Lớp UX Design (UXD17): Dành cho bạn muốn đào sâu vào tư duy sản phẩm và phương pháp nghiên cứu người dùng chuyên sâu.

📅 Lịch khai giảng dự kiến:
UID73: Ngày 8/1/2026 tại tầng 6, số 35 Tô Vĩnh Diện, Thanh Xuân, Hà Nội
UXD17: Ngày 6/1/2026 tại tầng 2, số 93 Hoàng Văn Thái, Thanh Xuân, Hà Nội.

💻 Học offline hoặc online linh hoạt.

📩 Chọn học UI/UX để nâng cấp bản thân trong năm mới, tại sao không? Nhắn tin cho Capi ngay để tìm hiểu thêm về lớp học cùng lộ trình nhé.
-----------------------------------------------
Capi Demy - Đơn vị đào tạo UI/UX Design
Cơ sở 1: Tầng 6, số 35 Tô Vĩnh Diện, Thanh Xuân, Hà Nội
Cơ sở 2: Tầng 2, số 2 ngách 28 ngõ 93 Hoàng Văn Thái, Thanh Xuân, Hà Nội

03/12/2025

❓Muốn tạo ra UX tốt nhưng bỏ qua Interaction Design?
Đây chính là sai lầm phổ biến của người mới làm UI/UX. Nhiều người nghĩ UX chỉ cần research tốt và UI chỉ cần đẹp là đủ, song nếu không thiết kế được cách người dùng tương tác với sản phẩm, thì mọi chiến lược UX đều chỉ tồn tại trên giấy. UX chỉ thực sự tốt khi Interaction Design vận hành đúng cách.

👉 Interaction Design là việc thiết kế cách người dùng tương tác với sản phẩm, dịch vụ hoặc hệ thống (Theo Interaction Design Foundation). IxD tập trung vào các tương tác của người dùng… và cách sản phẩm đáp lại.
Như vậy, IxD không chỉ là giao diện. Nó liên quan đến hành vi, phản hồi, trải nghiệm cảm xúc, và tính dễ dùng của toàn bộ hệ thống

👉 Cũng theo IxDF, Interaction Design được cấu trúc theo 5 chiều (5D) giúp định hình trải nghiệm của người dùng:
✅D1: Words (Từ ngữ)
Bao gồm các nội dung dạng text như: nhãn nút, hướng dẫn, thông báo… Các nội dung này phải rõ ràng, không mơ hồ, giúp người dùng biết họ sắp làm gì.
✅D2: Visual Representations (Hình ảnh/đồ họa)
Icon, typography, màu sắc, layout… giúp truyền tải thông tin và dẫn hướng cho hành động. Các dấu tick ✓, ✓✓ thể hiện tin nhắn đã gửi và đã xem hay button “Next” bị disable nếu chưa nhập đủ thông tin ở trang hiện tại… chính là minh chứng rõ ràng cho chiều thứ 2 của IxD.
✅D3: Physical Objects/Space (Thiết bị/bối cảnh vật lý)
Chiều này đòi hỏi đội ngũ thiết kế cần đánh giá các bối cảnh như: người dùng đang dùng laptop, tablet, điện thoại? Họ dùng trong nhà, ngoài đường hay trên xe bus? Một tiếng chuông thông báo có cần thiết trong hoàn cảnh này không?... Tạo ra trải nghiệm đồng nhất trong các bối cảnh khác nhau sẽ cải thiện đáng kể UX của sản phẩm.
✅D4: Time (Thời gian)
Mọi tương tác như animation, chuyển cảnh, phản hồi sau thao tác, nhịp độ tương tác… đều cần thời gian. Quan tâm đến yếu tố thời gian giúp đội ngũ thiết kế đánh giá được cách người dùng trải nghiệm với sản phẩm của họ.
✅D5: Behavior (Hành vi)
Tương tác của người dùng và phản hồi của hệ thống là các điểm chạm hình thành cảm xúc: khó chịu, thích thú, bối rối… Một số ví dụ tiêu biểu cho chiều cạnh này của thiết kế tương tác như: trạng thái ERROR khi người dùng nhập sai mật khẩu, khi không có kết nối mạng; DISABLE khi thông tin chưa hợp lệ hoặc chọn thiếu…

👉 Interaction Design chính là nền móng giúp UX hoạt động trong thực tế. UX được tạo ra từ khả năng hiểu sản phẩm và mức độ hài lòng của người dùng, mà các yếu tố này đều hình thành qua tương tác.

👉5 chiều cạnh của Interaction Design ảnh hưởng đến chất lượng của UX thông qua việc tạo UX Writing rõ ràng, UI dẫn hướng đúng, trải nghiệm phù hợp ngữ cảnh, animation/micro-interaction mượt mà và hành vi người dùng được tổ chức hợp lý.

👉Quan trọng hơn, Interaction Design là nơi mọi insight từ UX Research được biến thành trải nghiệm thực: luồng tương tác hợp lý, phản hồi tức thì, hạn chế lỗi và giúp người dùng học cách dùng sản phẩm dễ dàng. Đây là bước chuyển UX từ “hiểu người dùng” sang “tạo ra trải nghiệm thực cho người dùng”.

💫Và nếu bạn muốn hiểu sâu, làm thật chứ không chỉ dừng ở lý thuyết, những kiến thức chi tiết và ứng dụng sẽ có trong khóa Mobile App Web Design (MAWD) tại Capi Demy. Buổi 8 của khóa MAWD sẽ giúp bạn khám phá toàn diện Interaction Design và cách ứng dụng cụ thể vào thiết kế của bạn, nâng cấp thiết kế với những tương tác rõ ràng, mượt mà và có chủ đích.
🎆Đặc biệt, chương trình khuyến mại lớn nhất năm của Capi - "Cuối năm upskills, đầu năm săn job" giảm tới 35% học phí các khóa sẽ kết thúc trong chưa đến 24h. Nếu bạn muốn được tư vấn sâu hơn về các khóa học và lộ trình sự nghiệp, đừng ngại nhắn tin tới Capi ngay nhé.
-----------------------------------------------
Khóa học MAWD82
Khai giảng ngày: 4/12/2025 (Học vào tối Thứ 2 & Thứ 5)
Địa điểm học tại CS2: Tầng 2, số 2 ngách 28 ngõ 93 Hoàng Văn Thái, Phương Liệt, Hà Nội
Hình thức học: offline hoặc online

02/12/2025

🚀 Nâng cấp tư duy Thiết kế UI/UX với lớp MAWD82

Bạn đã thành thạo Figma, nhưng đang trăn trở:
❌ Portfolio có nhiều giao diện đẹp, nhưng thiếu chiều sâu tư duy và quy trình giải quyết vấn đề.
❌ Thiếu tư duy hệ thống, khiến thiết kế trở nên chắp vá, khó cập nhật và khó phát triển thêm về sau.
❌ Thiếu cơ sở vững chắc để tự tin bảo vệ các quyết định thiết kế của mình.

Khóa học MAWD82 chính là 'cầu nối' giúp bạn vượt qua những rào cản đó, nâng cấp tư duy làm nghề UI/UX. Tại Capi, bạn sẽ được trang bị:
🎯 TƯ DUY & QUY TRÌNH CHUẨN: Nắm vững UX Mindset và thực hành các Design Frameworks bài bản (Design Thinking, Double Diamond) để biết cách tiếp cận mọi vấn đề một cách có hệ thống.
🏛️ KIẾN TẠO HỆ THỐNG BÀI BẢN: Học cách xây dựng Information Architecture logic và làm chủ Design System để chuyển từ việc thiết kế màn hình rời rạc sang hệ thống hóa toàn bộ sản phẩm.
✨ THIẾT KẾ 'CÓ HỒN' & CÓ CƠ SỞ: Thổi hồn vào sản phẩm với Interaction Design và tự tin bảo vệ quyết định của mình thông qua Heuristics Evaluation & Usability Testing.
🏆 ĐẦU RA LÀ MỘT PORTFOLIO CHẤT LƯỢNG: Và quan trọng nhất, bạn sẽ áp dụng toàn bộ kiến thức vào một dự án app hoàn chỉnh, tạo thành một case study có chiều sâu, sẵn sàng chinh phục nhà tuyển dụng.

🔥 CHƯƠNG TRÌNH CUỐI NĂM SĂN SKILL, ĐẦU NĂM SĂN JOB: Đăng ký ngay để nhận ưu đãi học phí lên tới 35% cho lớp MAWD82 khai giảng ngày 4/12/2025.
📩 Nhắn tin cho Capi để được tư vấn 1:1 và nhận ưu đãi đặc biệt này nhé!
-----------------------------------------------
Khóa học MAWD82
Khai giảng ngày: 4/12/2025 (Học vào tối Thứ 2 & Thứ 5)
Địa điểm học tại CS2: Tầng 2, số 2 ngách 28 ngõ 93 Hoàng Văn Thái, Phương Liệt, Hà Nội
Hình thức học: offline hoặc online

Address

35 Tô Vĩnh Diện
Hanoi
10000

Telephone

+84869865379

Website

https://capidemy.com/, https://capidemy.vn/

Alerts

Be the first to know and let us send you an email when Capi Demy posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.