Love something simple and clean
UI/UX
Interaction
Experience
Figma
Research
November 17, 2023

Làm thế nào để đảm bảo rằng Dev Team hiểu được thiết kế của bạn

Đảm bảo thiết kế hoạt động tốt, có được sự đồng cảm với các developer, giao tiếp với họ bằng cùng một ngôn ngữ và nếu bạn biết HTML, CSS hoặc Javascript, bạn sẽ có trong tay đội ngũ phát triển.

June 20, 2023

Tham số và đối số của hàm trong JavaScript

Các tham số của hàm là các tên được liệt kê trong định nghĩa hàm. Các đối số của hàm là các giá trị thực truyền vào cho hàm, hay giá trị mà hàm được nhận.

June 3, 2023

6 Thư viện thiết kế UI ít người biết đến

Nếu bạn đã hứng thú với UI/UX thì chắc hẳn không thể không biết đến các trang web nổi tiếng như Behance và Dribbble. Tuy nhiên vẫn còn nhiều trang web cho phép bạn tham khảo và giúp bạn có thêm cảm hứng thiết kế mà chưa được người biết đến đấy.

May 31, 2023

Sự khác nhau giữa thiết kế web Adaptive và Responsive

Khi nói đến các kỹ thuật thiết kế web, hai thuật ngữ này dễ gây nhầm lẫn. Thiết kế phát triển với nhiều khía cạnh khác nhau khiến chúng ta bị ngập trong rất nhiều thuật ngữ thiết kế. Sự nhầm lẫn dễ khiến ta sử dụng chúng thay thế cho nhau. Cả thiết kế Adaptive và Responsive đều có chung một mục tiêu: đảm bảo trải nghiệm người dùng tuyệt vời trên mọi kích thước màn hình. Nhưng chúng có những cách tiếp cận rất khác nhau để đạt được điều đó.

March 18, 2023

Animation trong thiết kế UX

Interface animation (IA) – chuyển động trong giao diện – là để thể hiện tương tác qua lại giữa các màn hình giao diện, và giữa các thành tố trên một màn hình giao diện nữa, ngoài ra còn định hướng tập trung của người dùng, dẫn dắt họ sử dụng app một cách dễ dàng hơn. Lúc tìm hiểu các bài viết về animation, tui nhận ra là đa phần các bài đó chỉ nói về một vài use-case cụ thể hoặc nói chung chung về animation. Mà tui cũng chưa thấm nhuần hết các bài viết về những quy tắc liên quan đến chuyển động trong giao diện. Oke trong bài này tui sẽ không viết thêm gì mới, chỉ là tóm gọn lại các nguyên tắc & quy luật trong một bài, để cho mấy bạn designer muốn bắt đầu mày mò AI đỡ tốn thời gian kiếm thông tin ở chỗ khác.

November 22, 2022

Tất cả mọi thứ bạn cần biết về skeleton screens

Luke Wroblewski lần đầu tiên đặt ra thuật ngữ “skeleton screen” trong một bài đăng trên blog khuyên rằng các nhà thiết kế nên tránh sử dụng công cụ quay vòng (thường là một yếu tố đồ họa được tạo hoạt ảnh xoay ở điểm trung tâm của nó) để ủng hộ các trình giữ chỗ trực quan. Anh ấy đã tham khảo công việc mà anh ấy đã thực hiện trên một ứng dụng di động gốc có tên là Polar, đặc biệt là về thời gian chờ quá lâu do người dùng báo cáo khi tải các lượt xem web của ứng dụng.

September 8, 2022

Bạn đã bao giờ tự hỏi bạn nên sử dụng Font tiếng Nhật nào chưa?

Hãy bắt đầu với những điều cơ bản và xem những tùy chọn nào phù hợp với phông chữ serif và sans serif trong tiếng Nhật. Lựa chọn đầu tiên của tôi là Mincho và tôi khuyên bạn nên sử dụng nó khi bạn cần sử dụng phông chữ serif. “Min” trong “Mincho” là viết tắt của “Ming”, và “Cho” là viết tắt của triều đại. Nó dựa trên một phương pháp viết cổ, đó là lý do tại sao kiểu chữ này có thể được coi là lịch sử. Khi bạn nhìn vào phông chữ “Mincho”, nó bao gồm các nét dọc và ngang tương phản. Kiểu chữ Mincho thường dễ nhận biết bởi hình tam giác nhỏ nằm gọn trong nét vẽ. Hầu hết các trường hợp nó có thể được tìm thấy ở cạnh trên cùng hoặc trên cùng bên phải của nét vẽ và nó thêm một chút nét truyền thống hơn vào cách viết văn bản. Bản thân hình tam giác được gọi là "uroko". Nó thể hiện chính xác thời điểm “tạm dừng” sau khi thực hiện nét cọ, khi người viết chuẩn bị tiếp tục nét hoặc đã hoàn thành nó.

July 7, 2022

Đặt tên cho Design Token

Cách đặt tên hiệu quả cho Design Token của bạn một cách có hệ thống và phù hợp với tương lai.

April 3, 2022

Phân biệt Quantitative Research và Qualitative Research

Khi thu thập và phân tích dữ liệu, nghiên cứu định lượng đề cập đến các "con số" và "thống kê", trong khi nghiên cứu định tính đề cập đến các "dòng chữ" và "nghĩa". Cả hai đều quan trọng giúp các nhà thiết kế đạt được các mục tiêu nghiên cứu người dùng.

March 23, 2022

Tìm hiểu sâu về Grid trong thiết kế ứng dụng dành cho Mobile

Trong bài viết này, mình muốn chia sẻ với bạn những mẹo và thủ thuật thực tế có thể hữu ích khi xây dựng lưới trong thiết kế giao diện di động. Đây chỉ là những lời khuyên, không phải là những giáo điều bất di bất dịch.

March 15, 2022

High-Fidelity & Low-Fidelity Prototyping trong thiết kế UI/UX

Trên thực tế, các thuật ngữ “High Fidelity” và “Low Fidelity”, lần đầu tiên được sử dụng trong nhạc rock để mô tả âm thanh và kỹ năng chơi của nhạc rock và roll vào cuối những năm 1980. Nhiều năm trôi qua, chúng cũng được áp dụng trong thiết kế web, app để đề cập đến các cấp độ chi tiết và chức năng khác nhau được tích hợp trong một nguyên mẫu.Tuy nhiên, sự khác biệt thực tế giữa chúng trong thiết kế UI/UX là gì, làm thế nào và tại sao chúng ta nên chọn High / Low Fidelity Prototype để có thiết kế tốt hơn hoặc nghiên cứu người dùng?Trong phần sau, tôi sẽ hướng dẫn bạn những điểm cơ bản và khác biệt giữa High fidelity và Low Fidelity, đồng thời giải thích lý do và cách chọn chúng để tạo ra các nguyên mẫu xuất sắc cho thiết kế hoặc nghiên cứu người dùng tốt hơn.

February 21, 2022

User Centered Design (UCD) là gì?

Trước khi đến với định nghĩa User Centered Design, theo bạn đâu là yếu tố quan trọng để định hình lên một sản phẩm được đánh giá là thành công? Hầu hết chúng ta đều nghĩ đến một số câu trả lời như UX phải tốt, Visual phải đẹp, System phải tối ưu, Content đa dạng v.v.v. Tất cả đều tập trung đào sâu vào trải nghiệm của người dùng khi bắt đầu hoặc đang trong giai đoạn phát triển sản phẩm. Mà đã bỏ qua một bước vô cùng quan trọng cần phải làm đầu tiên đó là User Centered Design. Vậy User Centered Design là gì? Hãy cùng tìm hiểu qua các hình minh họa dưới dây nhé.

January 12, 2022

Cách cải thiện kỹ năng thiết kế UI của bạn một cách nhanh chóng

Như bạn đã biết Giao diện người dùng đóng một vai trò quan trọng trong việc tạo ra các ứng dụng và trang web. Những người mới bắt đầu luôn hỏi tôi làm thế nào để cải thiện các kỹ năng UI một cách nhanh chóng vì họ không biết học ở đâu và học gì, ngay cả những điều cơ bản nhất trong UI. Vì vậy, tôi ở đây để giúp bạn nhanh chóng cải thiện kỹ năng giao diện người dùng của mình. Nếu bạn là một người mới bắt đầu hoàn toàn, thì bài viết này chắc chắn sẽ giúp ích cho bạn rất nhiều.

November 15, 2021

Thiết kế kiến trúc thông tin cho trang web của bạn

Khi nói đến thiết kế một sản phẩm kỹ thuật số như một trang web hoặc một ứng dụng. kiến trúc thông tin đóng vai trò là nền tảng. vậy bạn bắt đầu từ đâu. Trước khi bị mắc kẹt trong chính kiến trúc thông tin, bạn cần tạo một tài liệu IA(IA document). Điều này có thể được thực hiện trong bốn bước đơn giản mà mình sẽ hướng dẫn bạn ngay bây giờ

November 12, 2021

Information architect làm gì?

Kiến trúc sư thông tin dành thời gian của họ để cấu trúc nội dung để người dùng dễ dàng tìm thấy những gì họ đang tìm kiếm. Sản phẩm càng có nhiều nội dung thì vai trò của IA càng có ý nghĩa trong quá trình thiết kế UX.

November 10, 2021

Thiết kế kiến trúc thông tin - Information architecture (IA)

World Wide Web chứa một lượng lớn thông tin khó có thể tưởng tượng được là không có cấu trúc bởi vì bộ não con người sẽ không thể nhận thức được bất kỳ thứ nào. Mọi người đã quen với việc xem nội dung và chức năng của các sản phẩm kỹ thuật số như nhiều người trong số chúng hiện nay: có cấu trúc và dễ sử dụng. Tuy nhiên, nó không xảy ra ngoài ý muốn. Các nhà thiết kế và nhà phát triển chịu trách nhiệm xây dựng nội dung và hệ thống điều hướng theo cách phù hợp với nhận thức của người dùng. Khoa học hỗ trợ các chuyên gia trong việc cấu trúc nội dung được gọi là kiến trúc thông tin. Bài viết hôm nay dành cho bản chất của kiến trúc thông tin và trình bày những điểm cơ bản mà mọi nhà thiết kế nên biết.