Critique de conception: Mobile Me
Apple a récemment annoncé une nouvelle suite d'applications en ligne appelée MobileMe. Le but du développement est de vous permettre de garder toutes vos informations synchronisées entre plusieurs appareils (par exemple votre iPhone, Mac et PC Windows). En outre, Apple a créé un nouveau site en ligne sur me.com, qui contiendra une suite d'applications, notamment des courriers électroniques, un calendrier, un carnet d'adresses et des photos.
Nous allons jeter un coup d'œil à la conception et à la mise en page de ce nouveau service en ligne, et expliquer ce qui fonctionne bien et ce qui, à notre avis, aurait pu être amélioré.
Cette section du service a fait un excellent travail d'émulation d'une application de bureau. L'application de messagerie Web .Mac existante était déjà excellente, donc le portage n'a pas beaucoup changé. Les caractéristiques de conception qui se distinguent comprennent:
- L'utilisation d'une police plus claire pour séparer le sujet et le contenu du message suivant
- Ajout d'un nouvel indicateur de courrier électronique à la barre d'outils supérieure et au titre de la page pour afficher vos messages non lus lors de l'utilisation d'autres applications
Il est intéressant de souligner le manque d'image de marque sur le site - nulle part le logo `` MobileMe '' n'est présenté, et l'utilisateur est libre d'utiliser le service sans être confronté à une image de marque trop centrée sur Apple. Il s'agit d'une étape distincte des applications en ligne de Microsoft ou de Google, qui utilisent toutes deux largement l'image de marque.
Photos / Galerie
Il existe une pléthore de galeries AJAX modernes en ligne, toutes avec leurs propres avantages et inconvénients. Apple s'intègre désormais avec l'iPhone, iPhoto et votre Mac, tout en proposant différentes méthodes de visualisation.
L'ajout de reflets aux photos semble typiquement Apple, mais semble rendre la lecture de la légende en dessous plus difficile. Cela soulève le dilemme éternel - à quel stade les effets superflus deviennent-ils plus une gêne pour l'utilisateur qu'une addition positive. Cela dit, plusieurs éléments de conception sont particulièrement bons:
- L'URL permanente partagée en haut à droite permet de montrer vos photos à d'autres personnes très simplement
- La conception simple de la fenêtre des paramètres de l'album
- La possibilité de redimensionner toutes les photos à la fois (aucun exploit à réaliser tout en réduisant les temps de chargement)
Compte tenu du manque de Flash, les pages de la galerie font un excellent travail pour montrer le contenu d'une manière dynamique et attrayante. Les technologies utilisées n'ont rien de nouveau, mais ont été utilisées à bon escient.
Calendrier
Le calendrier en ligne précédent sur .Mac était relativement mal conçu, avec peu ou pas d'interactivité et diverses restrictions. La nouvelle version offre non seulement un design beaucoup plus accessible et pratique, mais également une variété de nouvelles fonctionnalités.
Nous aimons particulièrement le glisser-déposer des rendez-vous du calendrier qui s'alignent pour se placer dans la structure de la grille de la page lorsqu'ils sont déplacés. Des fonctionnalités telles que celle-ci illustrent comment JavaScript peut vraiment permettre aux applications en ligne de se sentir aussi naturelles et robustes que leurs homologues de bureau. Les autres aspects qui ressortent sont:
- La transparence dans les arrière-plans des événements vous permet de toujours voir les intervalles de temps
- Excellente utilisation des couleurs subtiles dans le petit calendrier en bas à gauche pour rendre immédiatement évident quel jour il est, quel jour vous regardez et où le mois commence et se termine
- Espacement des lignes légèrement plus grand entre les événements dans la vue mensuelle (ce qui rend le calendrier en ligne plus facile à lire et à numériser que la version de bureau)
Une incohérence trouvée ici est la différence de conception de l'écran «Paramètres» par rapport à l'équivalent dans la section Galerie. Il aurait été logique de standardiser cela dans toutes les différentes applications en ligne. Cependant, dans l'ensemble, nous pensons que la conception du calendrier en ligne est en fait meilleure que la version de bureau, et nous espérons que certaines des fonctionnalités de l'interface (espacement des lignes accru, coins moins arrondis, etc.) seront apportées à la version de bureau dans une future mise à jour .
iDisk
L'utilisation de JavaScript et AJAX fournit, pour la première fois, une interface pratique pour la gestion des fichiers et des dossiers. La navigation dans les répertoires est transparente, tout comme le glisser-déposer des fichiers, car la page n'a pas besoin d'être rechargée pour que les modifications aient lieu.
L'icône rose / violet de l'iDisk est, pour être franc, horrible. Le contraste entre les deux couleurs se heurte et aurait certainement pu être mieux conçu. Je ne sais pas pourquoi un départ des icônes de lecteur en aluminium précédentes, ou du globe iDisk, était nécessaire - l'un ou l'autre aurait été plus esthétique.
Cependant, la mise en page et les options d'affichage semblent bonnes et les fichiers / dossiers sont clairement définis. Il n'y a pas grand-chose à dire par rapport à cette section - elle est simple et fait ce qu'elle dit sur l'étain.
Leçons à retenir
- L'image de marque n'est pas toujours essentielle - donnez la priorité à l'interface utilisateur et offrez un service simple
- Attention à ne pas utiliser d'effets visuels lorsqu'ils se font au détriment de l'expérience utilisateur et de l'accessibilité
- La conception d'icônes n'est pas facile, mais éviter les couleurs telles que le rose vif est généralement une bonne idée!
- Il est certainement possible de créer des applications en ligne qui ressemblent, se sentent et répondent d'une manière similaire - sinon meilleure - à leurs homologues de bureau
- Faites attention à l'espacement des lignes, car cela peut rendre le texte beaucoup plus facile à lire
Avez-vous d'autres commentaires et opinions sur ce nouveau service? Faites-le nous savoir ci-dessous!