Wednesday, April 26, 2017

Nghề viết apps : Progress Bars với Spinners khi nào dùng cái gì

Spinners không dành cho các tiến trình xử lý lâu, cần nhiều thời gian.

Spinner không thông báo cho user rằng cái tiến trình mà nó đang thực hiện sẽ tốn bao nhiêu thời gian.Nếu bạn dùng spinner cho những tiến trình cần nhiều thời gian thì đó quả là một sai lầm lớn ảnh hưởng trực tiếp đến trải nghiệm và sự hài lòng của người dùng.
Họ sẽ cho rằng mình sẽ phải tốn rất nhiều thời gian để tải, để chờ đợi , or họ sẽ hoài nghi có gì đó không ổn ở đây.. điều đó sẽ giết chết sự kiên nhẫn của họ và thông thường thì họ sẽ bấm back lại hoặc thoát luôn ứng dụng của bạn.
spinner-bar-4seconds

Quy luật 4s

Nếu bạn muốn làm người dùng hạnh phúc hơn và ở lại với app của bạn thì đừng dùng spinners cho những tiến trình dài hơn 4s. Các nhà khoa học ở đâu đó trên thế giới đã nghiên cứu rằng thời gian "chịu đựng" trung bình của user là 4s. Điều đó có nghĩa là hành vi của họ bắt đầu thay đổi sau 4 giây.

Khi nào thì nên dùng spinner.

Cả lập trình viên và các đối tượng khác đều không thích sự chờ đợi. Expects là ứng dụng phải phản hổi ngay lập tức, realtime sẽ tạo được cảm giác mãn nguyện, cảm giác smooth cho người dùng. Giả sử sau khi bạn click vào cái buttom mà cả 1s sau không có bất cứ phản hồi nào.. chắc chắn đó là lúc user bắt đầu chửi , hắn chửi app,chửi làng xóm , chửi cả lập trình viên.

Vậy nên nếu như có bắt người dùng phải chờ thì hãy làm cho người dùng cảm thấy điều đó. Nếu tiến trình ngắn hơn 1s , đừng show gì cả , nếu tiến trình từ 1-4s hãy show spinners. Điều đó sẽ làm cho người dùng cảm thấy thoải mái hơn.vì ít nhất họ sẽ biết họ phải làm gì.

Nhưng nếu tiến trình của bạn dài hơn 4s mà bạn vẫn dùng spinners.. thì chắc hẳn có gì đó sai sai rồi đấy. Spinner xoay đều xoay đều không biết khi nào kết thúc.. user rơi vào trạng thái vô vọng, mất phương hướng..phí thời gian..và rồi họ sẽ.... backkkkkkkkkkkk.
spinner-second

Đó là lúc cần dùng đến Progress Bars.

Progress Bars có tác dụng làm cho người dùng có thể chờ đợi lâu hơn.

spinner-bar-tolerable

Bởi vì nó sẽ thông báo cho người dùng biết chính xác họ sẽ phải chờ bao lâu nữa. TЋanh tiến trình update realtime sẽ làm hài lòng người dùng chứ k phải là cái spinner xoay đều xoay đều.

Hiển thị Progress Bar như thế nào cho hợp lí.

Progress bar sinh ra để hiển thị cho người dùng thấy bao nhiêu % của tiến trình đã được thực hiện.
progress-bar-minutes
Thế nhưng hiển thị như thế nào cho đúng thì lại là cả một vấn đề lớn.Ngừoi dùng không muốn thấy nó update quá chậm chạp ì ạch , nếu nó đứng mãi ở 1 state thì người dùng sẽ lại rơi vào trạng thái giống spinners >4s.
Thế nên đối với những tiến trình < 1 phút, hãy hiển thị số % điều nãy sẽ làm cho người dùng muốn ở lại, đợi chờ thêm chút đến lúc kết thúc tiến trình..
Với tiến trình > 1phút , update hãy hiển thị số  phút còn lại và cho phép nó chạy background để người dùng có thể quay lại screen trước là tiếp tục sử dụng.

[Spinners]

Rất rất nhiều desinger có thói quen sử dụng spinners cho tất cả các process.  Nhưng nếu bạn tạo spinners cho những tiến trình dài đồng nghĩa với việc bạn tạo sự thất vọng cho người dùng. Hãy tránh dùng nó khi có thể.


Thao khảo : http://uxmovement.com

Buy me a coffee