Saat kami memiliki banyak komponen di pustaka di eLama, kami perhatikan bahwa hovers tidak memiliki sistem: warna isian, warna bingkai, perubahan warna teks, bayangan muncul, dll.
Kami melakukannya bukan karena niat jahat, ini bekerja lebih baik di beberapa proyek, tetapi melihat antarmuka secara keseluruhan, menjadi jelas bahwa ini adalah masalah.
Tidak semuanya seperti yang terlihat
Saat mengembangkan antarmuka, kami mengandalkan prinsip bahwa apa yang Anda lakukan harus berfungsi seperti yang diharapkan pengguna. Jika pengguna melihat tombol di depannya, maka ia akan mengharapkan perilaku tombol darinya, yang berarti tombol tersebut harus berperilaku seperti yang diharapkan.
Misalnya, di perpustakaan kami, kami memiliki tautan dan tombol yang secara visual menyerupai tautan. Karena fakta bahwa tidak ada perbedaan yang kuat dalam perilaku mereka saat mengarahkan kursor, pertanyaan mungkin muncul, apa yang akan terjadi saat diklik - apakah akan melompat ke halaman lain, atau tindakan akan ada di halaman saat ini. Pada awalnya, bahkan ada kasus ketika pengembang menggunakan tombol sebagai tautan, dipandu oleh fakta bahwa tombol itu terlihat dan berperilaku seperti tautan saat mengarahkan kursor.
Jenis hover apa yang ada disana
1. ( )
2. ( )
3.
4.
5. (, ..)
6. ( , ..)
, , , , , -.
Button, SelectList, Table, Chip, Lable, Switch, Pagination,
:
— 3 .
, . .
(: tooltip ) , (, toast)
Rating
:
, . -, , . , , .
RadioLine, CheckLine Tab
:
RadioLine, CheckLine — .
: RadioLine — , .
Checkbox
:
: — — — .
Input, MultiInput, TextArea, Select, Radiobutton
:
- — . , , , .
InputFile
— . , , .
Link Button
, .
, .
, . , . , , . , .
Tetapi mungkin ada animasi parsial, misalnya, seperti yang kita lakukan untuk penomoran halaman - saat Anda mengarahkan kursor ke nomor halaman, latar belakang tampak mulus, tetapi saat kursor meninggalkannya, latar belakang langsung menghilang. Ini dilakukan untuk menghindari situasi ketika Anda menggerakkan kursor ke atas angka dengan cepat dan beberapa media terlihat pada saat bersamaan, karena yang baru muncul ketika yang sebelumnya belum menghilang.