ART CITY
  • TRANG CHỦ
    • Về chúng tôi
    • Liên hệ
    • Profile
    • Brief
      • Logo Client Brief
      • Packaging Client Brief
  • Thương hiệu
    • Thiết kế logo
    • Profile- Portfolio
    • Brand Guide
      • Văn phòng
      • Card Visit
      • Thẻ nhân viên
      • Phong bì – letter head
      • Hóa đơn
    • Tên Công ty – Slogan
  • BAO BÌ

    Top 6 mẫu vỏ hộp bánh trung thu đẹp nhất năm 2020

    Các thuật ngữ quan trọng trong thiết kế bao bì

    Các chất liệu in ấn ấn bao bì phổ biến hiện nay

    6 lợi ích của thiết kế bao bì cho công việc kinh doanh của bạn

    Tìm hiểu xu hướng thiết kế bao bì sâm Việt Nam

    Thiết kế bao bì mỹ phẩm cho nam ấn tượng

    Dịch vụ thiết kế bao bì dược phẩm và những yêu cầu cần biết

    Dịch vụ thiết kế bao bì sản phẩm thực phẩm chuyên nghiệp

    bảnh báo giá thiết kế bao bì

    Bảng báo giá thiết kế bao bì sản phẩm theo yêu cầu

    Trending Tags

    • Ấn phẩm
      • Poster
      • Banner
      • Catalogue
      • Brochure
      • Tờ rơi
      • Standee
      • Menu
      • Backdrop
      • Thiết kế Lịch
      • Infographics
      • Thiết kế bìa sách
    • Art
      • Thiết kế 3D
      • Thiết kế nhân vật
      • Digital painting
      • Motion Graphics
    • webs-apps
      • Giao diện PSD
      • Banner website
      • Landingpage
    • Tin tức
    No Result
    View All Result
    No Result
    View All Result

    Micro interaction là gì? ứng dụng của micro interaction trong thiết kế UI UX

    by Trang Ái
    Tháng Tám 11, 2021
    in kinh nghiệm hay
    0
    Home Chia sẻ tài nguyên kinh nghiệm hay
    0
    SHARES
    144
    VIEWS
    Share on FacebookShare on Twitter
    Rate this post

    Microinteraction là những khoảnh khắc nhỏ trong UX. Nó có thể dễ quên, nhàm chán nhưng cũng có thể thú vị và hấp dẫn. Nó có mặt ở mọi nơi, trong các thiết bị bạn mang theo, trong ứng dụng trên điện thoại, máy tính. Cùng tìm hiểu microinteraction là gì cùng cách tạo microinteraction hiệu quả trong bài viết dưới đây nhé. 

    microinteraction-la-gi-2
    Microinteraction là gì?

    MỤC LỤC

    1. Microinteraction là gì?
    2. Tạo microinteraction hiệu quả: Nên và không nên
    3. Cấu trúc của các microinteraction
      1. Kích hoạt
      2. Quy tắc
      3. Phản hồi
      4. Vòng lặp và chế độ
    4. Tại sao cần quan tâm đến microinteraction?
    5. Hòa trộn các microinteraction vào UX của bạn

    Microinteraction là gì?

    Microinteraction là những thứ liên quan đến chi tiết và tương tác của một sản phẩm. Microinteraction làm nên sự khác biệt giữa một thiết kế UX thân thiện hay bình thường. 

    Thiết kế microinteraction lấy người dùng làm trung tâm. Bởi sự thiết cẩn thận trong thiết kế, không quan tâm đến chi tiết nhỏ có thể tạo ra hiệu ứng domino, khiến người dùng cảm thấy bất mãn. Microinteraction dễ dàng, ngắn gọn và đơn giản. Ví dụ nếu máy nghe nhạc là tính năng thì điều chỉnh âm lượng được coi là một microinteraction. Mỗi microinteraction thực hiện một chức năng riêng trong giao diện.

    Tạo microinteraction hiệu quả: Nên và không nên

    Nhà giáo dục nổi tiếng Victor Papanek nói “Nothing big works”. Điều này càng khẳng định vai trò của các chi tiết vi mô trong thiết kế. Ví dụ thiết kế có quá nhiều hình động sẽ làm giảm khả năng truyền tải thông tin cũng như hệ thống phân cấp thông tin. Một thiết kế trực quan có chứa microinteraction cần thực hiện theo các nguyên tắc như: 

    • Tạo microinteraction UX phù hợp: Cần chắc chắn rằng hoạt ảnh microinteraction không gây phiền nhiễu. 
    • Để tâm trí người dùng được thoải mái để có thể sử dụng lâu dài. 
    • Tuân thủ nguyên tắc KISS (giữ mọi thứ thật đơn giản) bởi thiết kế microinteraction phức tạp khiến người dùng mất nhiều thời gian khi tải trang.
    • Đừng bắt đầu từ con số không. Hãy tìm hiểu về đối tượng mục tiêu để làm các microinteraction ấn tượng và hiệu quả hơn. 
    • Tạo sự hài hòa về thị giác với các yếu tố UI, chú ý đến các chi tiết để làm nên microinteraction thú vị.
    • Đừng quên các nguyên tắc vật lý. Theo định luật Fitts, chúng ta nhìn đường ngang và dọc tốt hơn so với  vòng tròn hoặc đường xiên.
    microinteraction-la-gi-3
    Tạo microinteraction hiệu quả

    Cấu trúc của các microinteraction

    Cấu trúc và kích thước là những yếu tố ảnh hưởng đến sự hiệu quả của microinteraction. Tác giả Dan Safferrong đã miêu tả trong cuốn sách “Microinteractions: Thiết kế với các chi tiết” về trigger – kích hoạt, feedback – thông tin phản hồi, rule – quy tắc, loops and modes – các vòng lặp và chế độ.

    Kích hoạt

    Kích hoạt là thời điểm các microinteraction bắt đầu hoạt động. Kích hoạt có 2 loại là kích hoạt tay và kích hoạt hệ thống. Cụ thể:

    • Kích hoạt tay xảy ra khi người dùng nhấp vào nút, icon, điền vào biểu mẫu.
    • Kích hoạt hệ thống được thiết lập khi có một hoặc nhiều điều kiện cụ thể được đáp ứng. Kích hoạt hệ thống hiệu quả nhất dự đoán những điều người dùng muốn dựa theo dữ liệu hoạt động của người dùng.

    Quy tắc

    Phần thứ hai của các microinteraction là các quy tắc. Quy tắc của microinteraction được tạo ra bởi các nhà thiết kế. Trong đó, bật đèn là microinteraction đơn giản nhất. Khi người dùng kích hoạt công tắc đèn, đèn sẽ sáng, đèn sẽ sáng cho đến khi tắt công tắc.

    Quy tắc xác định hành động và thứ tự nào sẽ xảy ra- khi người dùng nhấn nút hoặc khi có tin nhắn đến. Các quy tắc được thiết kế thông qua phần ‘tương tác’ của microinteraction. Người dùng muốn có cảm giác tự nhiên từ kích hoạt đến quy tắc để phản hồi.

    Phản hồi

    Phản hồi là biết cách hiểu các quy tắc. Có ba loại phản hồi chính gồm có âm thanh hình ảnh và cảm nhận. Trong đó hình ảnh chiếm ưu thế nhất vì đa số mọi người thường có xu hướng nhìn vào những gì mình đang tương tác.

    Với một chút thú vị, hài hước, thông tin phản hồi sẽ trở nên ấn tượng cho các microinteraction của bạn. Less is more – phản hồi càng đơn giản càng tốt. Phản hồi nên sử dụng các yếu tố dễ bị bỏ qua. Các nhà thiết kế đã có rất nhiều UI, vậy tại sao lại thêm một yếu tố nữa trên màn hình? Hãy quan tâm đến những yếu tố thường bị bỏ qua như: con trỏ, thanh cuộn, trạng thái nút – để truyền đạt nhiều hơn những gì đang xảy ra.

    microinteraction-la-gi-1
    Phản hồi trong microinteraction

    Vòng lặp và chế độ

    Vòng lặp và chế độ là các yếu tố cuối cùng của microinteraction. Vòng lặp xác định thời gian kéo dài của microinteraction. Hãy tính đến những điều sẽ xảy ra khi người dùng quay lại nhiều lần. Các vòng lặp dài giúp mở rộng sự tương tác microinteraction của bạn để nó thay đổi và thích nghi theo thời gian.

    Vì vậy, các trình kích hoạt để khởi tạo microinteraction, các quy tắc xác định cách thức hoạt động để tạo phản hồi, và các vòng lặp và chế độ xác định những gì xảy ra theo thời gian với microinteraction.

    Tại sao cần quan tâm đến microinteraction?

    Các microinteraction thường không được chú ý nhiều. Chúng được thiết kế lặng lẽ. Do đó, Jakob Nielsen đã phát triển mười ý tưởng chung cho thiết kế tương tác thường được gọi là “heuristics”. Hiển thị trạng thái hệ thống là nguyên tắc Giao diện người dùng đầu tiên. Thiết bị phải luôn thông báo cho người dùng về những gì đang diễn ra.

    Các microinteraction được sử dụng để cung cấp phản hồi đúng trong một thời gian hợp lý. Thông thường chúng có dạng hoạt ảnh microinteraction trong hệ thống phân cấp giao diện lớn. Các ảnh động siêu nhỏ thật sự hữu ích trong một giao diện di động.

    Nhờ có microinteraction, người dùng sẽ cảm nhận được các yếu tố của giao diện. Microinteraction tạo ra tâm điểm chú ý, giúp người dùng tập trung, tiết kiệm thời gian.

    Các UX microinteraction hoạt động vì mong muốn nhìn nhận tự nhiên của người dùng. Người dùng muốn ngay lập tức biết hành động của họ đã được chấp nhận và hiển thị những gì mà họ nhận được. Tương tự, các microinteraction sẽ hướng dẫn người dùng về cách thức hoạt động của thiết bị.

    Nếu bạn quan tâm đến UX, bạn nên quan tâm đến các microinteraction. Tìm hiểu những thứ có vẻ nhàm chán và thay đổi nó thành một cái gì đó khiến người dùng sẽ thích. Có ba cách để làm việc với các microinteraction:

    • Tìm kiếm và tập trung chúng lại với nhau.
    • Đưa một tính năng phức tạp thành một tương tác cơ bản.
    • Xem mọi tính năng như một tập hợp các microinteraction được liên kết.

    Hòa trộn các microinteraction vào UX của bạn

    Để tổng hợp tất cả mọi thứ, bạn nên kết hợp một trình kích hoạt, quy tắc, phản hồi, có thể là một vòng lặp hoặc chế độ để tạo ra một microinteraction. Nó sẽ biến một cái gì đó nhàm chán thành một UX thân thiện giúp người dùng thoải mái khi sử dụng sản phẩm của bạn.

    Ngoài ra, đối với AI và xe tự lái, chúng ta cần các microinteraction để làm cho các hệ thống lớn trở nên nhân văn hơn. Trong phần tiếp theo của bài viết, chúng ta sẽ cùng tìm hiểu các trường hợp UX trên thực tế khi áp dụng microinteraction. Lợi ích của microinteraction khi giải quyết một số vấn đề nhỏ và riêng biệt.

    Trên đây là những thông tin về microinteracton là gì cùng những hiệu quả mà nó đem lại. Hy vọng qua những chia sẻ trên, bạn sẽ biết được tầm quan trọng của microinteraction trong thiết kế UI UX.

    0/5 (0 Reviews)
    Previous Post

    Dự đoán các xu hướng thiết kế ui/ ux 2021 nhà thiết kế nên biết

    Next Post

    Bài học từ thiết kế logo các thương hiệu nổi tiếng thế giới

    Next Post

    Bài học từ thiết kế logo các thương hiệu nổi tiếng thế giới

    Trả lời 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 *

    • Xu hướng
    • Bình luận
    • Mới nhất
    Tất cả những gì bạn cần biết về kích thước hình ảnh đăng Facebook

    Tất cả những gì bạn cần biết về kích thước hình ảnh đăng Facebook

    Tháng Mười Một 1, 2022
    kích thước video facebook

    Kích thước các dạng video đăng facebook

    Tháng Mười Một 8, 2022
    Bảng giá thiết kế banner

    Bảng giá thiết kế banner

    Tháng Mười Một 1, 2022
    định vị thương hiệu cá nhân

    Định vị thương hiệu cá nhân – yếu tố quan trọng để thành công

    Tháng Mười Một 8, 2022
    thiết kế bìa sách đẹp

    Thiết kế bìa sách

    1

    Cách thiết kế bộ nhận diện thương hiệu chuyên nghiệp

    1

    Dịch vụ thiết kế logo chất lượng cao giá bao nhiêu?

    0
    thiết kế banner sự kiện

    Dịch vụ thiết kế banner sự kiện chuyên nghiệp

    0
    thiết kế banner sự kiện

    Dịch vụ thiết kế banner sự kiện chuyên nghiệp

    Tháng Mười 14, 2022
    thiết kế banner sinh nhật

    Thiết kế banner sinh nhật độc đáo, ấn tượng

    Tháng Mười 11, 2022

    Cách thiết kế banner bóng đá đẹp và đơn giản nhất

    Tháng Mười 8, 2022
    thiết kế biển quảng cáo nhà hàng Hàn Quốc

    Thiết kế biển quảng cáo nhà hàng Hàn Quốc

    Tháng Mười 7, 2022
    trang-chu-02

    © 2021 Art City – Creative Realities

    ĐỊA CHỈ

    B15/D6 ngõ 75 Trần Thái Tông, Phường Dịch Vọng, Cầu Giấy, Hà Nội. (Ngõ 56 Trương Công Giai - Có chỗ để xe ô tô)

    LIÊN HỆ

    • 0332.369.399
    • tuvan.artcity@gmail.com
    • Chính sách

    FOLLOW

    Facebook-f Instagram Pinterest Tiktok
    No Result
    View All Result
    • TRANG CHỦ
      • Về chúng tôi
      • Liên hệ
      • Profile
      • Brief
        • Logo Client Brief
        • Packaging Client Brief
    • Thương hiệu
      • Thiết kế logo
      • Profile- Portfolio
      • Brand Guide
        • Văn phòng
        • Card Visit
        • Thẻ nhân viên
        • Phong bì – letter head
        • Hóa đơn
      • Tên Công ty – Slogan
    • BAO BÌ
    • Ấn phẩm
      • Poster
      • Banner
      • Catalogue
      • Brochure
      • Tờ rơi
      • Standee
      • Menu
      • Backdrop
      • Thiết kế Lịch
      • Infographics
      • Thiết kế bìa sách
    • Art
      • Thiết kế 3D
      • Thiết kế nhân vật
      • Digital painting
      • Motion Graphics
    • webs-apps
      • Giao diện PSD
      • Banner website
      • Landingpage
    • Tin tức

    TẶNG
    VOUCHER 10%

    77% marketer cho rằng thương hiệu là yếu tố quan trọng cho việc tăng trưởng - (Circle Research)
    Bắt đầu thương hiệu của bạn với chiến lược bài bản tại ArtCity