Lorsque nous avions beaucoup de composants dans la bibliothèque d'eLama, nous avons remarqué que les survols n'ont pas de système: la couleur de remplissage, la couleur du cadre, la couleur du texte change, une ombre apparaît, etc.
Nous ne l'avons pas fait par malice, cela fonctionnait mieux dans certains projets, mais en regardant l'interface dans son ensemble, il est devenu clair que c'était un problème.
Tout n'est pas ce qu'il semble
Lors du développement d'interfaces, nous nous appuyons sur le principe que ce que vous faites doit fonctionner comme l'attend l'utilisateur. Si l'utilisateur voit un bouton devant lui, il attendra le comportement du bouton, ce qui signifie qu'il devrait se comporter comme prévu.
Par exemple, dans notre bibliothèque, nous avons un lien et un bouton qui ressemble visuellement à un lien. En raison du fait qu'il n'y avait pas de forte différence dans leur comportement lors du survol, la question peut se poser, que se passera-t-il lorsque l'utilisateur clique dessus - va-t-il passer à une autre page ou l'action sera sur la page actuelle. Au début, il y avait même des cas où les développeurs utilisaient un bouton comme lien, guidés par le fait qu'il ressemble et se comporte comme un lien lors du survol.
Quel genre de survols y a-t-il
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
, .
, .
, . , . , , . , .
Mais il peut y avoir une animation partielle, par exemple, comme nous l'avons fait pour la pagination - lorsque vous survolez un numéro de page, l'arrière-plan apparaît en douceur, mais lorsque le curseur le quitte, l'arrière-plan disparaît instantanément. Cela a été fait pour éviter la situation où vous déplacez le curseur sur les nombres rapidement et que plusieurs substrats sont visibles en même temps, car de nouveaux apparaissent lorsque les précédents n'ont pas encore disparu.