Category: ui/ux

  • WPDE #3: Airbnb – Chức năng lên kế hoạch và đặt phòng theo nhóm

    Weekly Product Design Exercise #3
    Design a feature for Airbnb, allowing a group of friends to plan and book their mutual vacation.

    Thiết kế một chức năng trên Airbnb cho phép một nhóm bạn có thể lên kế hoạch và đặt phòng cho chuyến đi chung của nhóm.

    https://www.airbnb.com/

  • WPDE #2 – Hệ thống thẻ tàu điện ngầm Metro

    Weekly Product Design Exercise #2
    The NYC metrocard system has remained unchanged for decades. The cost of the metrocard machine infrastructure, the lost time of waiting in line to buy a metrocard, touching a dirty machine to do it, the potential of losing the metrocard, and the ease of gaming the system by swiping your card for others has cost the city millions of dollars and leaves much to be desired from the user experience.

    Design a new system that allows a daily user who uses the metro everyday or an-out-of-town visitor who will use the metro just once to get access to the metro, on time, without having a physical NYC metrocard on hand.
    Asked by WeWork. Learn how to solve these type of exercises with my book “Solving Product Design Exercises“.

    Hệ thống thẻ tàu điện ngầm NYC không hề thay đổi trong mấy chục năm qua. Chi phí cho hạ tầng máy móc thẻ metro, thời gian mất cho việc xếp hàng chờ mua thẻ metro, chạm vào máy bẩn để làm việc đó, khả năng mất thẻ metro và việc dễ dàng gian lận trên hệ thống bằng cách quẹt thẻ của mình cho người khác đã khiến thành phố tiêu tốn hàng triệu đô la và trải nghiệm người dùng còn tồn đọng rất nhiều điều để cải thiện.

    Hãy thiết kế một hệ thống mới cho phép người dùng sử dụng tàu điện ngầm hàng ngày hoặc khách ngoại tỉnh – những người sử dụng tàu điện ngầm chỉ một lần để đi đến tàu điện ngầm đúng giờ mà không cần mang theo thẻ tàu điện ngầm NYC vật lý.

    Câu hỏi của WeWork.


    Comment của Giang:

    20210505

    VN chưa có metro, mình cũng chưa từng ra nước ngoài luôn. Thôi đi tìm hiểu đã :v Đời đâu phải lúc nào cũng được thiết kế cái thứ thân thuộc với mình đâu.

  • WPDE #1 : Gọi đúng tên người học

    Giới thiệu về series Weekly Product Design Challenges của Artiom Dashinsky

    Artiom Dashinsky là tác giả cuốn Solving Product Design Exercises: Questions & Answers, giới thiệu các câu hỏi phỏng vấn và câu trả lời gợi ý cho vị trí Product Designer.

    Series Weekly Product Design Challenge được gửi đến email của người theo dõi hàng tuần. Mình đã theo dõi đến kì thứ 47, trước khi bắt tay vào dịch series này.

    Bước thêm một bước đến với ước mơ, kể ra cũng thú vị, nhỉ.

    Sau đây mời bạn đến với bài tập 1.


    Weekly Product Design Exercise #1

    At the beginning of each new semester or school year, teachers are faced with the challenge of remembering names for a large number of new students.

    Design an experience to help an educator match faces to names, with the goal of shortening the time needed to reach complete un-aided accuracy.
    Asked by Google. Here are solutions from different designers around the world: Joel CalifaNenad MilosevicVolkan Gunal

    Bài tập #1

    Vào đầu học kì, giáo viên phải đối mặt với việc nhớ tên rất nhiều học sinh mới.

    Hãy thiết một trải nghiệm để giúp một nhà giáo ghép gương mặt với tên gọi, với mục tiêu rút ngắn thời gian cần thiết để đạt được độ chính xác mà không cần hỗ trợ.

    Câu hỏi của Google.


    Suy ngẫm của Giang

    Mình dựa trên bộ câu hỏi sau của Artiom để bắt đầu suy nghĩ về vấn đề và giải pháp:

    Why is this product or feature important?
    What problem are we trying to solve?
    What impact does it have on the world?
    How does this product benefit customers?
    What business opportunity does it create?”

    Excerpt From: Artiom Dashinsky. “Solving Product Design Exercises: Interview Questions & Answers.” Apple Books.

    1. Tại sao sản phẩm/chức năng này lại quan trọng?

    Suy nghĩ của mình là, vấn đề này quan trọng với ai? Mình đã đi học 12 năm, vấn đề nhớ tên dường như không phải là chuyện được để tâm nhiều. Mình học ở một trường công lập, với mức học phí rất thấp, giáo viên dạy từ 4-5 lớp cho các môn như Toán Lý Hóa Văn Anh, và cả chục lớp cho các môn như Sử Địa Giáo dục công dân. Việc yêu cầu giáo viên nhớ tên cả lớp dường như là hơi quá quắt.

    Tụi mình deal với việc này như thế nào?

    Vì chỗ ngồi là cố định, nên tụi mình có một sơ đồ lớp, với tên của học sinh được điền vào từng vị trí chỗ ngồi. Giáo viên nhìn vào sơ đồ và vị trí thực tế trong lớp, rồi gọi cái tên tương ứng, nhớ gương mặt của học sinh. Để củng cố, mỗi học sinh có thể có một bảng tên viết bằng chữ to, in hoa để ngay trước mặt, và mỗi lần đứng dậy phát biểu, học sinh sẽ giới thiệu tên mình.

    Kết quả: Sau khoảng 1 tháng, giáo viên có thể nhớ tên khoảng tầm 70% số học sinh mà không cần sơ đồ lớp nữa. Những bạn thường phát biểu và những bạn ngồi bàn đầu sẽ được nhớ nhanh hơn. Những bạn ít phát biểu và những bạn ngồi giữa sẽ hay bị quên tên hơn.

    Tuy nhiên, câu chuyện sẽ không dễ dàng như vậy nếu:

    • Lớp không cố định chỗ ngồi (lớp tiếng Anh, các lớp học ngoại khóa, các lớp huấn luyện cho người lớn)
    • Những nơi mà học sinh không chủ động trong việc khiến giáo viên nhớ mình
    • Những nơi mà học sinh được xem như khách hàng, và việc không nhớ tên sẽ bị xem là một điểm trừ trầm trọng (trường tư, trung tâm tiếng Anh, kĩ năng mềm…)

    2. Vấn đề mà mình đang cố gắng giải quyết là gì?

    Giáo viên tốn nhiều thời gian để ghép tên & mặt

    Giáo viên phải nhớ quá nhiều tên & mặt (hàng chục đến hàng trăm)

    Giáo viên nhớ và quên rất nhanh

    3. Tác động của vấn đề này?

    Học sinh bị quên tên: cảm thấy không được tôn trọng, tốn thời gian để giới thiệu lại, có ấn tượng xấu với giáo viên

    Giáo viên: giao tiếp trở nên kém hiệu quả

    4. Sản phẩm này sẽ giúp gì cho khách hàng?

    Nhớ nhanh hơn, lâu hơn, kĩ hơn

    5. Cơ hội kinh doanh cho sản phẩm này?

    • Dùng trong các trung tâm giáo dục, giúp giáo viên nhớ tên học viên nhanh hơn, cải thiện trải nghiệm khách hàng
    • Dùng trong các quán ăn, để nhân viên nhớ các khách hàng trung thành

    Giải pháp của Joel Califa: Google Cue (Mobile App)


    Giải pháp của Nenad Milosevic: Face Apps (Mobile App)

    Cách tiếp cận:

    1. Phỏng vấn ~20 giáo viên về practice của họ để nhớ tên.
    2. Tham khảo ý kiến của các nhà giáo trên internet, Facebook… các trang web là một nơi rất truyền cảm hứng để tìm kiếm thông tin nếu mình biết tìm ở đâu và tìm thế nào. Sau đây là một số ý tưởng khá truyền cảm hứng:
      • Ứng dụng có thể gợi ý những từ tương tự như tên của học sinh hoặc thậm chí có thể gợi ý những con vật giống với khuôn mặt của chúng (với bộ lọc những con vật có khả năng gây khó chịu).
      • Những cái tên mà bạn thất bại trong bài kiểm tra / bài kiểm tra là những học sinh mà bạn nên tập trung hơn.
      • Nhắc nhở (thông báo) từ ứng dụng để xem lại ghi chú trước khi đến lớp và sau đó một lần nữa, thêm bất kỳ thông tin nào sẽ giúp bạn nhớ tên học sinh của mình.
      • Hướng dẫn giáo viên cách hoàn thành hồ sơ học sinh (tạo hồ sơ mới, nhập tên học sinh, chụp ảnh, viết một câu ngắn về học sinh đó, v.v.).
      • Chỉ định chỗ ngồi và lập sơ đồ chỗ ngồi. Có ảnh tên trên biểu đồ đó thực sự hữu ích.
      • Liên kết ngoại hình hoặc tính cách của học sinh với tên của họ. Lấy chữ cái đầu tiên của tên người đó và nghĩ về một từ bắt đầu bằng chữ cái đó để mô tả họ. Ví dụ, Pietro is polite (lịch sự). Gaston wears glasses. Nếu bạn có thể nhớ đặc điểm mà bạn liên kết với mỗi người, bạn sẽ biết tên của họ bắt đầu bằng chữ cái gì và có nhiều khả năng nhớ nó hơn.
      • Việc in sơ đồ chỗ ngồi, thẻ tên và bảng tên rất hữu ích.
      • Vào đầu năm học, yêu cầu học sinh nói tên của họ mỗi khi họ nói.
      • Chơi trò chơi là cách phá băng tuyệt vời cho một lớp mới. Không chỉ vậy, đây là cách tốt để các học sinh mới cảm thấy thoải mái với lớp học, và còn giúp họ có cơ hội hiểu biết lẫn nhau! Tôi thường chơi trò tên gọi trong buổi học đầu tiên của năm, với mỗi lớp; chẳng hạn như Tính từ Alex ’; Mỗi học sinh đứng lên lần lượt và lặp lại tên của họ cùng với sở thích (hoặc tính từ, động vật, v.v.) bắt đầu bằng cùng một chữ cái đầu tiên trong tên mình, chẳng hạn như tôi là Elise và tôi chính xác (exacting). Học sinh tiếp theo lặp lại điều này và thêm tên của họ vào cuối danh sách. Sau đó, ở phần cuối, tôi lặp lại tên và mô tả của mọi người.
      • Ở trường đại học, chúng tôi luôn được bảo rằng không chỉ học tất cả các tên của sinh viên càng sớm càng tốt mà còn phải tìm hiểu một điều độc đáo về chúng (đội bóng yêu thích, ca sĩ, v.v.) để giúp xây dựng mối quan hệ với chúng.
      • Thông thường, khó nhớ nhất là tên của sinh viên nước ngoài, điều này có thể xa lạ với đôi tai của người phương Tây. Đảm bảo viết phiên âm của tên nếu cần. Ví dụ, trong một lớp học của tôi, tên của một sinh viên Trung Quốc được phiên âm là Xiou – nhưng lại phát âm giống như “Shaw”.
      • Sử dụng sự hài hước trong các liên kết của bạn để tạo ấn tượng lâu dài. Tôi cứ bối rối không biết một học sinh là Egla hay Elga cho đến khi tôi tưởng tượng ra cô ấy với một quả trứng luộc to bằng cái đầu.
      • Tôi yêu cầu học sinh của tôi viết tên mình bằng với chữ thật lớn để tôi có thể đọc từ đầu lớp.
      • Hãy đảm bảo rằng bạn biết tên của những sinh viên đến thăm bạn trong giờ hành chính. Hãy dành một vài phút để hỏi học sinh về bản thân họ, chuyên ngành, họ đến từ đâu,… Tiếp xúc cá nhân là một trong những cách bạn có thể tăng hiệu quả giảng dạy của mình.
      • Xếp thứ tự chữ cái của học sinh theo tên! Đặt tất cả A và B vào một bàn, v.v. Khi Cory, Cody và Carmen ngồi cùng nhau, điều đó thực sự giúp bạn ít nhất có được chữ cái đầu trong tên họ.
      • Tôi lưu ý học sinh nào đang ngồi ở đâu bằng cách lập sơ đồ chỗ ngồi ngay lập tức. Sau đó, trong khi tôi để học sinh tham gia vào các hoạt động, tôi ghi một vài ghi chú về học sinh bên cạnh tên của họ.
      • Tôi có thể đưa ra nhận xét về ngoại hình của học sinh: “đeo kính”, “hoa tai lớn”, “tóc ngắn màu vàng”. Tôi có thể lưu ý rằng họ nhắc tôi nhớ về một người khác mà tôi biết. Hoặc tôi có thể viết ra một điều gì đó về giọng nói hoặc cử động của họ để giúp tôi ghi nhớ chúng.
      • Tôi yêu cầu học sinh mô tả bản thân bằng một tính từ bắt đầu bằng tên của họ.
      • Cho học sinh ngồi cùng chỗ trong vài tuần đầu tiên cho đến khi bạn có thể ghép tên với khuôn mặt.
        Yêu cầu học sinh nêu tên của họ mỗi lần trước khi họ nói. Điều này có thể được tiếp tục cho đến khi mọi người (giáo viên và sinh viên/học sinh) cảm thấy họ biết những người trong phòng.
      • Sử dụng tên của học sinh thường xuyên nhất có thể.
      • Có một bài kiểm tra ngắn vào đầu lớp về tên của học sinh.
      • Một số giáo viên vẽ học sinh của mình để giúp họ nhớ ai là ai. Các bản phác thảo có thể nhanh gọn, 20 giây nguệch ngoạc ghi lại những đặc điểm nổi bật nhất của học sinh.
    3. Tham khảo các đối thủ cạnh tranh để không phát minh lại cái bánh xe. Dùng thử chúng, ghi chú lại.

    Mặt khác, Nenad cũng được truyền cảm hứng rất lớn từ các ứng dụng của Google, và anh muốn giữ phong cách thống nhất, nên font chữ, biểu tượng, màu sắc, thương hiệu và các yếu tố khác phù hợp với nguyên tắc xây dựng thương hiệu của Google và đặc biệt là Material Design.

    MỤC TIÊU

    Để kết nối và tạo thêm các mối quan hệ cá nhân với học sinh. Giúp đồng nghiệp nhớ tên của học sinh mới bằng cách hợp tác và chia sẻ.

    USER

    PAIN POINT

    IDEATION

    USER FLOW

    Tập trung vào 3 chức năng chính:

    1. Class Roster
    2. Quiz
    3. Seating chart

    MOCKUP & WIREFRAMING

    Đánh giá của mình:

    Điểm cộng:

    Nenad xuất phát từ góc nhìn của user, làm persona kĩ, và thu nhặt được rất nhiều insight quý báu từ user để đem vào sản phẩm của mình. Do đó,


    Giải pháp của Volkan Gunal: Pupils (Mobile App)

    1. Insight
      • Design focus
        • User
        • Goal
        • Context
        • Task
        • Tool
      • Product Principles
        • Encouraging Joyful Accessible Expressive
      • Product Mission
    2. Product Framework
      • Application framework
        1. Class Roster
        2. Student Directory
        3. Cheat Sheets

    Tóm tắt giải pháp

    1. Đầu vào: Danh sách học sinh (tên, ảnh)
    2. Đầu ra: Tên & ảnh được kết nối với nhau trong trí nhớ của giáo viên
    3. Process: Sử dụng Mobile app được cài đặt trong điện thoại (của giáo viên?)
      1. Người dùng tạo lớp học
      2. Người dùng nhập tên & ảnh của học viên theo lớp
      3. Phần mềm tạo ra các bài học (show cả tên & ảnh của học sinh) & bài tập kiểm tra (nối, lựa chọn ảnh đúng trong nhiều ảnh khác nhau cho đúng với tên, lựa chọn tên đúng trong nhiều tên khác nhau cho đúng với ảnh…) dựa trên cơ sở dữ liệu được nhập
      4. Người dùng học & làm bài kiểm tra
      5. Hệ thống báo cáo kết quả học, từ kết quả học để tạo ra các bài học tiếp theo (giảm tần suất tên & ảnh đã nhớ, tăng tần suất tên & ảnh chưa nhớ)
    4. Các tính năng bổ sung:
      1. Nhập danh sách từ file
      2. Nhập danh sách tên bằng voice & OCR
      3. Nhập ảnh bằng camera điện thoại
      4. News: tài liệu tham khảo cho giáo viên

    Đánh giá của Giang

    Điểm cộng:

    • Làm persona tốt
    • App nhiều chức năng thú vị

    Điểm trừ:

    • Không phân chia rõ mức độ cần thiết của các chức năng với mục tiêu chính. Theo mình, chức năng nhập dữ liệu, tạo bài học & câu hỏi, report tình hình học là các chức năng quan trọng nhất. Các chức năng khác có thể bổ sung sau.
    • Không dựa trên người dùng thực tế