Je dois afficher la batterie avec 3 couleurs: vert, orange (ou jaune?) Et rouge.
La batterie de cet appareil (comme iPad, iPhone, etc.) avec une autonomie allant jusqu'à deux jours.
Quelle plage de pourcentage utiliser pour chaque couleur?
Lorsque l'utilisateur veut voir la couleur rouge? ou orange ou vert?
L'indicateur de couleur est utilisé comme état de priorité:
Rouge = urgent.
Orange = avertissement faible.
Vert = bon.
La priorité dépend de l'application et des conséquences d'une faible charge. Pour quelque chose comme mon Kindle où la batterie dure un mois ou plus à la fois, 10% n'est pas encore un niveau de batterie urgent. Mais pour un onduleur de secours dans un hôpital, un niveau de charge inférieur à 80% peut être urgent.
Pour un téléphone portable, j'aurais tendance à utiliser:
50-100% = vert
20-49% = orange
5-19% = rouge
0-4% = rouge clignotant
Cependant, cela ne devrait pas s'appliquer à tous les appareils, quel que soit leur domaine d'application ou les conséquences d'une panne.
Je suggérerais (pour l'ordinateur portable au moins) de le garder comme suit:
La raison en est que j'ai lu de nombreux articles qui suggèrent de garder votre ordinateur portable chargé entre 40 et 80% pour augmenter la durée de vie de la batterie. n de ces articles.
Je connais certains fabricants qui optent pour une bande verte plus large:
Modifier: lisez simplement la modification de la question. Dans le cas des appareils mobiles, j'opterais personnellement pour la large bande verte .
La raison étant, pour un appareil mobile, vous ne voulez pas que l'utilisateur ait l'impression de devoir recharger sa batterie très souvent, donc la bande verte plus large renforce cela en vertu d'un signal visuel qu'il est ok pour continuer avec votre utilisation. En outre, le temps de recharge des mobiles (pas nécessairement des tablettes) est assez court qui permet à l'utilisateur de remuer un peu plus de jus avant de le brancher (et de l'utiliser).
Étant donné que la durée de vie de la batterie est si longue, je ne pense pas qu'il y ait une valeur à afficher un écran central.
Orange indique à l'utilisateur qu'il y a probablement quelque chose qu'il souhaite résoudre, mais qu'il n'a pas besoin de le faire immédiatement. Le rouge indique à l'utilisateur qu'il existe un problème imminent qu'il doit résoudre rapidement. Avec une autonomie de 2 jours, si vous utilisez une échelle linéaire, votre appareil va afficher orange la plupart du temps, même s'il peut y avoir jusqu'à un jour d'autonomie.
Apple résout ce problème dans ses appareils alimentés par batterie (ordinateurs portables et appareils mobiles) en utilisant uniquement du rouge. Sur les appareils iOS, il passe au rouge et lance une boîte de dialogue d'avertissement à 20%, et lance une autre boîte de dialogue d'avertissement à 10%. Dans le premier cas, le rouge me dit qu'il me reste probablement une heure d'autonomie, ce qui me donne suffisamment de temps pour terminer ce que je fais et obtenir un câble d'alimentation. Dans le second cas, la boîte de dialogue d'avertissement m'indique que mon téléphone aimerait être branché en ce moment. Je crois que la boîte de dialogue d'avertissement pour les batteries arrive à différents moments sur les ordinateurs portables en fonction de leur durée de vie; l'icône de la batterie de ma rétine MBP (qui a généralement une autonomie de plus de 8 heures) devient rouge à 10%, ce qui est toujours une heure d'utilisation.
Je noterai également que iOS et Mac affichent plus d'informations dans leur icône de batterie très simple que ce que vous voyez ici dans cette icône. L'icône de la batterie est assez plate, mais cela signifie qu'il est très facile de la regarder et d'avoir une estimation raisonnable de la quantité de batterie qu'il me reste. Il est facile de voir s'il est presque plein, environ 75% plein, environ moitié plein et environ 25% restant. Vous comptez sur du texte (qui prend beaucoup de place) pour faire quelque chose que l'icône pourrait faire pour vous, si vous simplifiez sa conception en supprimant sa nature 3D et son ombre portée. Avec une icône plus simple, vous pouvez transmettre une grande partie des informations que vous transmettez actuellement par texte, et ainsi utiliser moins d'espace sans perte d'informations.