Topvui.vn
  • Trang chủ
  • Top truyện
  • Top tranh ảnh
    Dấu hiệu, hệ quả và cách xử lý lõi lọc RO bị bẩn

    Dấu hiệu, hệ quả và cách xử lý lõi lọc RO bị bẩn

    Bạn có thể tặng quần áo hoặc phụ kiện, dụng cụ thể thao

    Gợi ý 10++ quà sinh nhật cho bạn bè ý nghĩa, thiết thực nhất

    Alibaba Kitchen and Bar 2

    Top 5 địa điểm hẹn hò lãng mạn giá rẻ tại Sài Gòn 2024

    Top 50+ biệt danh cho bạn gái dễ thương nhất

    Top 50+ biệt danh cho bạn gái dễ thương nhất

    Đặt tên cho trung tâm cuộc gọi của mình

    Đặt tên cho trung tâm cuộc gọi của mình

    Hướng dẫn bổ sung canxi cho trẻ đúng cách, hiệu quả nhất

    Hướng dẫn bổ sung canxi cho trẻ đúng cách, hiệu quả nhất

    Top 12 Quán ăn hẹn hò Đà Lạt phù hợp để tỏ tình Crush

    Top 12 Quán ăn hẹn hò Đà Lạt phù hợp để tỏ tình Crush

    Hướng dẫn cách đi du lịch tại nhà trong mùa dịch vô cùng đơn giản

    Hướng dẫn cách đi du lịch tại nhà trong mùa dịch vô cùng đơn giản

    Tổng hợp những kinh nghiệm du lịch Tây Bắc đầy đủ nhất

    Tổng hợp những kinh nghiệm du lịch Tây Bắc đầy đủ nhất

  • Top Video
  • Top vui
  • Chuyện lạ
    Dấu hiệu, hệ quả và cách xử lý lõi lọc RO bị bẩn

    Dấu hiệu, hệ quả và cách xử lý lõi lọc RO bị bẩn

    Bạn có thể tặng quần áo hoặc phụ kiện, dụng cụ thể thao

    Gợi ý 10++ quà sinh nhật cho bạn bè ý nghĩa, thiết thực nhất

    Alibaba Kitchen and Bar 2

    Top 5 địa điểm hẹn hò lãng mạn giá rẻ tại Sài Gòn 2024

    Top 50+ biệt danh cho bạn gái dễ thương nhất

    Top 50+ biệt danh cho bạn gái dễ thương nhất

    Đặt tên cho trung tâm cuộc gọi của mình

    Đặt tên cho trung tâm cuộc gọi của mình

    Hướng dẫn bổ sung canxi cho trẻ đúng cách, hiệu quả nhất

    Hướng dẫn bổ sung canxi cho trẻ đúng cách, hiệu quả nhất

    Top 12 Quán ăn hẹn hò Đà Lạt phù hợp để tỏ tình Crush

    Top 12 Quán ăn hẹn hò Đà Lạt phù hợp để tỏ tình Crush

    Hướng dẫn cách đi du lịch tại nhà trong mùa dịch vô cùng đơn giản

    Hướng dẫn cách đi du lịch tại nhà trong mùa dịch vô cùng đơn giản

    Tổng hợp những kinh nghiệm du lịch Tây Bắc đầy đủ nhất

    Tổng hợp những kinh nghiệm du lịch Tây Bắc đầy đủ nhất

  • Phim hài
No Result
View All Result
  • Trang chủ
  • Top truyện
  • Top tranh ảnh
    Dấu hiệu, hệ quả và cách xử lý lõi lọc RO bị bẩn

    Dấu hiệu, hệ quả và cách xử lý lõi lọc RO bị bẩn

    Bạn có thể tặng quần áo hoặc phụ kiện, dụng cụ thể thao

    Gợi ý 10++ quà sinh nhật cho bạn bè ý nghĩa, thiết thực nhất

    Alibaba Kitchen and Bar 2

    Top 5 địa điểm hẹn hò lãng mạn giá rẻ tại Sài Gòn 2024

    Top 50+ biệt danh cho bạn gái dễ thương nhất

    Top 50+ biệt danh cho bạn gái dễ thương nhất

    Đặt tên cho trung tâm cuộc gọi của mình

    Đặt tên cho trung tâm cuộc gọi của mình

    Hướng dẫn bổ sung canxi cho trẻ đúng cách, hiệu quả nhất

    Hướng dẫn bổ sung canxi cho trẻ đúng cách, hiệu quả nhất

    Top 12 Quán ăn hẹn hò Đà Lạt phù hợp để tỏ tình Crush

    Top 12 Quán ăn hẹn hò Đà Lạt phù hợp để tỏ tình Crush

    Hướng dẫn cách đi du lịch tại nhà trong mùa dịch vô cùng đơn giản

    Hướng dẫn cách đi du lịch tại nhà trong mùa dịch vô cùng đơn giản

    Tổng hợp những kinh nghiệm du lịch Tây Bắc đầy đủ nhất

    Tổng hợp những kinh nghiệm du lịch Tây Bắc đầy đủ nhất

  • Top Video
  • Top vui
  • Chuyện lạ
    Dấu hiệu, hệ quả và cách xử lý lõi lọc RO bị bẩn

    Dấu hiệu, hệ quả và cách xử lý lõi lọc RO bị bẩn

    Bạn có thể tặng quần áo hoặc phụ kiện, dụng cụ thể thao

    Gợi ý 10++ quà sinh nhật cho bạn bè ý nghĩa, thiết thực nhất

    Alibaba Kitchen and Bar 2

    Top 5 địa điểm hẹn hò lãng mạn giá rẻ tại Sài Gòn 2024

    Top 50+ biệt danh cho bạn gái dễ thương nhất

    Top 50+ biệt danh cho bạn gái dễ thương nhất

    Đặt tên cho trung tâm cuộc gọi của mình

    Đặt tên cho trung tâm cuộc gọi của mình

    Hướng dẫn bổ sung canxi cho trẻ đúng cách, hiệu quả nhất

    Hướng dẫn bổ sung canxi cho trẻ đúng cách, hiệu quả nhất

    Top 12 Quán ăn hẹn hò Đà Lạt phù hợp để tỏ tình Crush

    Top 12 Quán ăn hẹn hò Đà Lạt phù hợp để tỏ tình Crush

    Hướng dẫn cách đi du lịch tại nhà trong mùa dịch vô cùng đơn giản

    Hướng dẫn cách đi du lịch tại nhà trong mùa dịch vô cùng đơn giản

    Tổng hợp những kinh nghiệm du lịch Tây Bắc đầy đủ nhất

    Tổng hợp những kinh nghiệm du lịch Tây Bắc đầy đủ nhất

  • Phim hài
No Result
View All Result
Topvui.vn
No Result
View All Result
Home Tin tức

Case Study: Thiết kế UI/UX cho ứng dụng phục vụ an toàn giao thông

Cv.com.vn by Cv.com.vn
21/04/2023
in Tin tức
0
Case Study thiết kế UI/UX cho ứng dụng an toàn giao thông 2

Trong thiết kế ứng dụng thì việc xây dựng giao diện được nhận định là quan trọng nhất bởi nó ảnh hưởng rất lớn đến trải nghiệm của người dùng. Trong bài viết hôm nay, chúng ta sẽ cùng đi đến một dự án thiết kế UI/UX cho ứng dụng phục vụ an toàn giao thông để hiểu rõ hơn về vấn đề này.

Bizfly cung cấp giải pháp thiết kế app chuyên nghiệp, uy tín và theo yêu cầu dành cho mọi lĩnh vực ngành nghề. Với hơn 15 năm kinh nghiệm, nền tảng cơ sở hạ tầng top 4 Việt Nam, Bizfly App có thể mang đến cho khách hàng những ứng dụng chất lượng nhất. Liên hệ hotline 1900 636465 hoặc truy cập link website tại đây. 

Dự án

Có đến hàng triệu người lái xe trên toàn thế giới thường xuyên gặp phải các tình trạng như đụng xe, va chạm xe khi đang đỗ hay thiếu thông tin về an toàn giao thông ở nhiều điểm khác nhau. Có một ý tưởng để giải quyết tình trạng này đó là tạo ra một ứng dụng cho cộng đồng tài xế để họ có thể trao đổi tin tức thực tế về các vụ tai nạn hay các địa điểm đỗ xe an toàn…

Ứng dụng này hướng đến đa dạng các đối tượng ở nhiều độ tuổi, giới tính, thể chất hay độ hiểu biết về công nghệ. Đặc biệt, người sử dụng app này có thể trải nghiệm ở trên nhiều thiết bị khác nhau.

Case Study thiết kế UI/UX cho ứng dụng an toàn giao thông 1

Dự án thiết kế app phục vụ cho mục đích an toàn giao thông

Table of Contents

  • Kịch bản người dùng
  • Thiết kế UX
    • Màn hình chính
    • Màn hình báo cáo
  • Luồng người dùng
    • Kịch bản 1
    • Kịch bản 2
  • Thiết kế UI
    • Bảng màu và phong cách
    • Biểu tượng tai nạn
    • Máy ảnh

Kịch bản người dùng

Ứng dụng này có 3 loại kịch bản chính như sau:

  • Trường hợp 1: Bạn là người chứng kiến vụ tai nạn giao thông và báo cáo nó trên cộng đồng. Người lái xe nhận được thông tin có thể phản ứng ngay lập tức.
  • Trường hợp 2: Bạn là một tài xế, đang đỗ xe và nhận thông báo về nó. Khi nhận được thông báo về khu vực lân cận, bạn có thể tìm chỗ đỗ xe thích hợp và an toàn để hạn chế các vụ tai nạn ở gần khu mình để.
  • Trường hợp 3: Ứng dụng giúp cảnh sát tìm được chủ xe hoặc người cung cấp thông tin một cách nhanh chóng. 

Thiết kế UX

Sau đây là cách xây dựng UX cho ứng dụng trên: 

Màn hình chính

Trên màn hình chính sẽ có biểu đồ để người dùng theo dõi các sự cố xảy ra gần đây và truy cập nhanh vào các tính năng trong ứng dụng.

  • Tìm kiếm: Nhằm mục đích tìm kiếm nơi đỗ xe an toàn và các báo cáo trong khu vực cần thiết.
  • Tab: Cho phép truy cập nhanh vào màn hình hồ sơ và báo cáo
  • Nút thêm: Cho phép thêm một báo cáo mới về một vụ tai nạn.
  • Tính năng ghim địa điểm: Cho phép theo dõi khu vực xung quanh một chiếc ô tô đang đỗ.

Màn hình báo cáo

Case Study thiết kế UI/UX cho ứng dụng an toàn giao thông 2Màn hình báo cáo trong ứng dụng bảo vệ an toàn giao thông

Với màn hình báo cáo, chúng ta có 2 tab đó là:

  • Tất cả báo cáo: Chính là tất cả các báo cáo được thêm.
  • Báo cáo của tôi: Báo báo biểu thị số xe của người dùng. Người dùng thông qua các báo cáo này để biết được báo cáo về xe của mình.

Luồng người dùng

Như bình thường thì ở bước tạo khung UX, nhà thiết kế sẽ phải xây dựng bố cục, vị trí điều hướng và các luồng tương tác trong màn hình thật rõ ràng.

Kịch bản 1

Với ứng dụng này, ta thêm một báo cáo mới trên màn hình chính để người dùng có thể chọn loại tai nạn để phân loại vào báo cáo của họ. Sau đó, một màn hình báo cáo mới sẽ mở ra và người dùng sẽ cho biết về hoàn cảnh xảy ra tai nạn. Địa chỉ sẽ được tự động cài đặt theo vị trí của người dùng tuy nhiên họ có thể thay đổi trong trường báo cáo bị chậm trễ.

Với báo cáo này thì biển số xe là thông tin bắt buộc phải có để nó kích hoạt cho chủ xe về vụ tai nạn xảy ra với xe của họ.

Kịch bản 2

Tài xế sẽ đỗ xe ở một khu vực nào đó và bật chế độ đỗ xe bằng cách ghim vị trí. Ứng dụng này sẽ nhớ vị trí mà xe để lại và bắt đầu theo dõi khu vực này. Người dùng có thể nhận được thông báo không chỉ về biển số xe của họ mà còn có cả các vụ tai nạn khác xung quanh đó được báo cáo.

Thiết kế UI

Case Study thiết kế UI/UX cho ứng dụng an toàn giao thông 3

Thiết kế giao diện UI cho ứng dụng

Bảng màu và phong cách

Lựa chọn cách phối màu trên nền sáng giúp cho văn bản trở nên dễ đọc hơn. Trong khi các điểm nhấn màu sẽ dàng bắt gặp trong các điều kiện sử dụng app khác nhau. Ý tưởng ở đây chính là sử dụng các màu sắc hài hòa, thân thiện và trang nhã, không gây căng thẳng cho người dùng.

Biểu tượng tai nạn

Để minh họa cho các sự cố thì ta có thể sử dụng các biểu tượng tai nạn và chỉ định màu cụ thể để nhận biết nhanh các báo cáo trên bản đồ, màn hình khác nhau. 

Máy ảnh

Những tương tác và màn hình đơn giản cũng được đưa vào để cung cấp cho người dùng các chức năng cốt lõi của ứng dụng như ảnh nhanh hay video ngắn. Bố cục tối giản và điều hướng rõ ràng cho phép bạn có thể chụp ảnh ngay lập từng thời điểm bắt đầu tai nạn.

Như vậy trên đây chính là một trong những Case Study nổi bật về việc thiết kế UI/UX cho ứng dụng phục vụ an toàn giao thông. Nhìn chung thì toàn bộ các thiết kế giao diện người dùng cho thiết bị di động đều dựa trên nguyên tắc đơn giản, trực quan và dễ đọc để làm nổi bật lên giá trị cốt lõi của trải nghiệm người dùng.

Nguồn tham khảo: Case Study: Thiết kế UI/UX cho ứng dụng phục vụ an toàn giao thông – Bizfly.vn

 

Cv.com.vn

Cv.com.vn

Related Posts

Nguyễn Xuân Son – Cầu thủ ghi bàn kỷ lục tại AFF Cup 2024
Tin tức

Nguyễn Xuân Son – Cầu thủ ghi bàn kỷ lục tại AFF Cup 2024

03/01/2025
Review Chốn Bình Yên Coffee Nha Trang: Quán cafe view biển đẹp nhất ở Nha Trang
Tin tức

Review Chốn Bình Yên Coffee Nha Trang: Quán cafe view biển đẹp nhất ở Nha Trang

04/10/2024
Tin tức

Red Flag trong tình yêu: Hiểu và thoát khỏi Red Flag

24/09/2024
Next Post
Dịch vụ làm sổ thông hành Trung Quốc tại Hạ Long Media

Dịch vụ làm sổ thông hành Trung Quốc tại Hạ Long Media

Dịch vụ thuê lều cắm trại ở Bình Thạnh uy tín và chuyên nghiệp

Dịch vụ thuê lều cắm trại ở Bình Thạnh uy tín và chuyên nghiệp

TOP 5+ Xu hướng tóc nam 2023 siêu HOT HIT

TOP 5+ Xu hướng tóc nam 2023 siêu HOT HIT

Để lại một bình luận Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Categories

  • Bất động sản
  • Chuyện lạ
  • Hình vui nhộn
  • Khác
  • Phim hài
  • Sức khỏe
  • Tin tức
  • Top tranh ảnh
  • Top truyện
  • Top Video
  • Top vui
  • Tranh ảnh
  • Truyện cười

Topics

10 kỳ quan thế giới chuyện tiếu lâm thiếu nhi chuyện cười vỡ bụng về tình yêu chuyện tiếu lâm bựa kể chuyện cho người yêu nghe kể chuyện cười tán gái kể một câu chuyện về tình bạn đẹp những câu chuyện hài hước trí tuệ những câu chuyện hài hước về cuộc sống những câu chuyện hay về tình bạn tuổi học trò những mẩu chuyện hài hước dí dỏm những mẩu chuyện hài hước khiến bạn cười mãi không thôi thơ chế nịnh vợ thơ tiếu lâm về vợ chồng thơ về vợ các vợ cấm đọc truyen cuoi ngan truyen cuoi tinh yeu hay nhat the gioi truyện cười dân gian truyện cười dân gian trào phúng truyện cười dân gian trạng quỳnh truyện cười dân gian về thầy đồ truyện cười dân gian bậy truyện cười dân gian châm biếm truyện cười dân gian việt nam có ý nghĩa truyện cười dân gian và bài học rút ra truyện cười ngắn bựa truyện cười ngắn dân gian truyện cười ngắn hại não truyện cười ngắn về tình yêu truyện cười ngắn bá đạo truyện cười thiếu nhi mp3 truyện cười tiếu lâm ngắn truyện cười 20-11 có tranh truyện cười 20-11 facebook truyện cười 20-11 ý nghĩa truyện cười cho bé 7 tuổi truyện cười cho bé lớp 1 truyện cười cho trẻ mầm non truyện cười có ý nghĩa giáo dục truyện cười việt nam truyện cười về mầm non truyện tình yêu hài hước lãng mạn Truyện cười về đang truyện ngắn về thầy cô viết báo tường ý nghĩa của truyện cười dân gian
No Result
View All Result

Về Chúng Tôi

Topvui chuyên chia sẻ những truyện ngắn, ảnh vui nhộn, hài hước gầy cười mới nhất trên mạng xã hội như Facebook… Mang lại tiếng cười vui nhộn cho đọc giả

Chuyên mục

  • Bất động sản
  • Chuyện lạ
  • Hình vui nhộn
  • Khác
  • Phim hài
  • Sức khỏe
  • Tin tức
  • Top tranh ảnh
  • Top truyện
  • Top Video
  • Top vui
  • Tranh ảnh
  • Truyện cười

Bài viết mới

  • Nguyễn Xuân Son – Cầu thủ ghi bàn kỷ lục tại AFF Cup 2024
  • Review Chốn Bình Yên Coffee Nha Trang: Quán cafe view biển đẹp nhất ở Nha Trang
  • Những Tác Hại Nguy Hiểm Ăn Uống Không Điều Độ
  • Trang chủ
  • Top truyện
  • Top tranh ảnh
  • Top Video
  • Top vui
  • Chuyện lạ
  • Phim hài

Copyright 2019 © Thiết kế bởi Thuyen.vn

No Result
View All Result
  • Trang chủ
  • Top truyện
  • Top tranh ảnh
  • Top Video
  • Top vui
  • Chuyện lạ
  • Phim hài

Copyright 2019 © Thiết kế bởi Thuyen.vn