Công nghệ · Nhánh ứng dụng tiêu dùng

Thiết kế logo và giao diện ứng dụng tiêu dùng

Người dùng quyết định ở lại hay xoá trong vài phút đầu.

Ứng dụng tiêu dùng phải thắng trên một màn hình điện thoại đã đầy. Sinh Vũ giúp ứng dụng của Anh / Chị có biểu tượng dễ nhớ, phút đầu mượt và một gương mặt nhất quán qua từng bản cập nhật.

Bộ ấn phẩm mẫu cho ứng dụng tiêu dùng: biểu tượng ứng dụng, màn hình chào, trang trên kho ứng dụng và chuyển động mở đầu
Trả lời nhanh01

Ứng dụng tiêu dùng cần thương hiệu gì để người dùng ở lại?

Cần ba thứ: một biểu tượng nhận ra được giữa màn hình đầy ứng dụng, một phút đầu tiên dẫn thẳng tới giá trị, và một bộ giao diện nhất quán. Người dùng chưa có lý do gì để kiên nhẫn, nên ba thứ ấy phải đúng ngay từ lần mở đầu.

  1. Biểu tượng nhận ra được

    Đọc rõ ở cỡ nhỏ trên màn hình chính, khác biệt giữa hàng chục biểu tượng xung quanh.

  2. Phút đầu dẫn tới giá trị

    Màn hình chào, đăng ký và chuyển động mở đầu ngắn nhất có thể để người dùng thấy ứng dụng giúp gì.

  3. Giao diện nhất quán

    Cùng nút, màu, chữ ở mọi màn hình và mọi nền tảng, để người dùng không phải học lại.

Loại hình02

Ba kiểu ứng dụng, ba bài toán

Cùng là ứng dụng trên điện thoại nhưng lý do người dùng quay lại khác nhau, nên thương hiệu phải làm việc khác nhau.

Ứng dụng gọi xe, giao đồ ăn

Khách của họNgười dùng cần việc xong nhanh, và so sánh với vài ứng dụng khác ngay trên màn hình.

Bài toán thương hiệuTạo cảm giác tin cậy và quen tay: nhìn là biết bấm đâu, và thương hiệu hiện diện cả ngoài đời qua xe, áo, bao bì.

Mạng xã hội, giải trí

Khách của họNgười dùng trẻ, mở ứng dụng vì muốn, và đổi sang chỗ khác rất dễ.

Bài toán thương hiệuCó một cá tính đủ rõ để người dùng thấy đây là chỗ của mình, mà giao diện vẫn đơn giản để dùng ngay.

Ứng dụng đa dịch vụ

Khách của họNgười dùng dùng nhiều việc trong một ứng dụng, và dịch vụ mới được thêm liên tục.

Bài toán thương hiệuGiữ một gương mặt chung khi mỗi dịch vụ có đội riêng, để thêm tính năng mà ứng dụng không rối.

Điểm đau03

Bốn điểm đau riêng của ứng dụng tiêu dùng

Đây là những chỗ ứng dụng hay mất người dùng, dù tính năng hữu ích.

01

Biểu tượng lẫn giữa hàng chục ứng dụng

Hình tròn, màu quen, khó nhận ra trên màn hình chính; giao diện dễ bị ứng dụng khác làm giống.

Một dấu hiệu riêng từ câu chuyện của sản phẩm, thử ở cỡ nhỏ nhất trước khi chốt, kèm thế màu và chuyển động chỉ ứng dụng này có.

Tôi đang vướng chỗ này
02

Phút đầu tiên nhiều bước, người dùng bỏ đi

Màn hình chào dài, bắt đăng ký trước khi cho xem gì, người dùng đóng ứng dụng.

Rút đường tới giá trị đầu tiên, chuyển động giải thích ngắn thay cho chữ, và đòi thông tin vào đúng lúc cần.

Tôi đang vướng chỗ này
Hành trình khách04

Ứng dụng mất người dùng ở chặng nào nhiều nhất?

Ở chặng Dùng thử, tức vài phút đầu sau khi tải. Người dùng chưa quen, chưa tin, và còn cả danh sách ứng dụng khác để chuyển sang. Phút đầu rối là mất.

Chặng dễ mất khách nhấtDùng thử
Nên làm ngay
  1. Đếm số chạm từ lúc mở ứng dụng tới khi thấy giá trị đầu tiên, rồi cắt mọi bước không giúp tới đó.
  2. Dùng chuyển động ngắn để chỉ cách dùng thay cho khối chữ hướng dẫn.
  3. Chỉ yêu cầu đăng ký hoặc cấp quyền vào đúng lúc người dùng cần tới nó.
Điểm chạm05

Năm điểm chạm nên làm trước

Điểm chạm là những chỗ người dùng nhìn và chạm vào ứng dụng. Không cần làm mọi thứ một lúc. Năm điểm chạm này quyết định phần lớn ấn tượng ở vài phút đầu.

  1. Biểu tượng ứng dụng

    Là thứ người dùng thấy mỗi ngày trên màn hình chính, và thấy đầu tiên trên kho ứng dụng.

  2. Màn hình chào

    Là lời chào đầu tiên, quyết định người dùng đi tiếp hay đóng.

  3. Chuyển động

    Giúp người dùng hiểu cách dùng mà không cần đọc, và cho ứng dụng một nhịp riêng.

  4. Trang trên kho ứng dụng

    Nhiều người quyết định tải hay không ngay tại đây, qua vài ảnh đầu.

  5. Thông báo và thư gửi người dùng

    Là lần ứng dụng chủ động nói với người dùng, nói hay thì họ quay lại, nói nhiều thì họ tắt.

Lộ trình06

Sinh Vũ đề xuất bắt đầu từ đâu

Xếp theo thứ tự nên làm. Ứng dụng mới ra mắt dừng ở bước hai hoặc ba; ứng dụng nhiều dịch vụ đi hết.

  1. Bộ nhận diện thương hiệu

    Tên, biểu tượng, màu và chữ: nền cho mọi màn hình phía sau.

  2. Hệ thiết kế số

    Thư viện thành phần và quy tắc giao diện để đội phát triển dùng thẳng.

  3. Chuyển động

    Chuyển động mở đầu và chuyển động hướng dẫn trong những phút đầu.

  4. Giọng nói thương hiệu

    Giọng nói chung cho thông báo, màn hình chào và trang trên kho ứng dụng.

  5. Đồng hành vận hành

    Khi ứng dụng cập nhật đều: đồng hành theo tháng để giao diện không lệch.

Dự án07

Dự án gần nhất với ứng dụng tiêu dùng

Sinh Vũ chưa công bố dự án ứng dụng gọi xe hay giao đồ ăn. Bốn dự án dưới đây gần nhất: hai ứng dụng nghe nhạc, một nền tảng nhiều màn hình và một ứng dụng cho trẻ em.

Đọc thêm08

Đọc thêm về ứng dụng tiêu dùng

Công cụ miễn phíBản đồ điểm chạm của mô hình nàyXem năm chặng khách đi qua, chặng khách hay bỏ đi nhất, rồi tự chấm năm điểm chạm nên làm trước.Mở công cụ Công cụ miễn phíXuất trọn bộ logoTừ một logo, công cụ này tạo sẵn đủ bộ: biểu tượng trang web, ảnh đại diện Zalo và Facebook, logo bản trắng, logo bản đen, logo cho chữ ký thư điện tử, ảnh hiện ra khi chia sẻ liên kết.Mở công cụ
Hỏi đáp09

Câu hỏi thường gặp

Đơn giản đến mức đọc được ở cỡ vài chục điểm ảnh, có một chi tiết riêng từ câu chuyện của sản phẩm, và thử cạnh những ứng dụng khác trên màn hình thật trước khi chốt. Tránh hình khối quen thuộc mà nhiều ứng dụng cùng dùng.

Càng ít càng tốt: chỉ giữ những bước giúp người dùng thấy giá trị đầu tiên. Phần còn lại hoãn tới lúc họ thật sự cần, kể cả đăng ký hoặc cấp quyền.

Ba bốn ảnh đầu quyết định nhiều nhất. Mỗi ảnh nên kể một lợi ích với một câu ngắn, thay vì chụp giao diện thô, và ảnh đầu nên cho thấy giá trị chính của ứng dụng.

Dùng một hệ thiết kế số chung: thành phần giao diện, màu và chuyển động mà mọi dịch vụ lấy lại. Mỗi dịch vụ được riêng một vài chi tiết, phần còn lại giống nhau.

Cần ở vài chỗ: khi chuyển màn hình, khi báo kết quả và ở phút đầu tiên. Chuyển động dùng đúng chỗ giúp người dùng hiểu, dùng thừa thì làm ứng dụng chậm.

Có thể, nếu làm từng bước. Giữ phần người dùng đã quen như tên và màu chủ đạo, đổi biểu tượng và giao diện theo từng bản cập nhật, và báo trước với người dùng thân thiết.

Kể cho Sinh Vũ nghe về ứng dụng của Anh / Chị

Vài dòng về ứng dụng, người dùng và chỗ họ đang rời đi là đủ. Sinh Vũ đọc và trả lời trong một ngày làm việc.