#interface web

[interweb2012-blog]

iCloud - an Apple interface that allows users to store data (documents, music, photos) on a remote computer server which can be easily accessed and downloaded to multiple devices.  

[mahjoubi-y-blog]

coup de coeur d'une interface Web, Bärnt & Ärnst

http://www.barntarnst.com/

il s'agit du site d'une agence Web  Bärnt & Ärnst certes pas comme les autres !

L'interface se compose par des formes géométriques simples:

des formes (carrés)  au contre du bas vers le haut servant comme menu principal; chaque carré à une animation en bas lors du survol montrant un lien

des formes  ( reactangles ) a gauche servant comme menu secondaire , lors du chaque sruvol  la couleur du la typo et le fond changent 

une forme (cercle) unique est fixé en haut a gauche  distinguée des autres éléments  ! le logo .

l'utilisation des  couleurs pastel  pour l'ensemble des formes  est à la fois apaisante est attirante , le ton du site est calme , l'espace & le vide est tres frappant on est obligé de rester découvrir le site 

la composition du site sort de l'ordinaire , un ton clair des formes simples et le contenu (texte est juste minimal) 

pour chaque lien (page a visiter); le contenu censé avoir le texte est centré et peu, parce qu' en bas on remarque deux flèches pour la pagination ; pour chaque clique on trouve un scroling horizontal apportant le reste du contenu 

mais il y a encore un plus attirant dans le site! la page guestbook ( voir l'image en bas)

  l'idée est de rassombler les signatures ce qui donne une belle composition un peu "surréaliste" pour une page web ; on trouve un lien en valeur en haut faisant référence au menu secondaire avec un message sign in with facebook to start drawing  et aussi des formes rectangulaires en bleu avec une typo en blanc ( reflètant le fameux facebook) oui ce sont des liens vers des comptes facebook ( tout ceux qui ont signé)

l'idée est fichtrement attirante !

 pour conclure je trouve que le site sortant un peu de l'ordinaire est réussi 

un autre site du même genre un peu plus interactif http://www.iamyuna.com/ 

[mahjoubi-y-blog]

Analyse d'un journal en ligne

site Web : http://news.cincinnati.com/

thème : informatif

cible : tout âge

marché : anglophone

le site est composé essentiellement de 3 grandes blocs :

le header composé lui même de 3 menus entre eux se trouve un léger espace publicitaire

container: devisé seulement en deux parties ; la gauche pour les News et la droite pour le divertissement & les compléments d'infos

footer :

logo du journal

menu sous forme de tag par thème

menu

espace partenaires

la mention légale du journal

les blocs sont reparties d'une façon horizontal ce qui facilite le sens de la lecture

la partie header ne contenant que les thèmes a choisir , la navigation est bien gérée depuis le début ( haut en premier puis vers le bas)

le container en premier lieu est devisé en deux parties afin de distinguer le l'importance des news ( une pour les plus importants et l'autre pour les derniers )

ensuite une troisième pour les photos,spot,social network...etc.

Cette dernière est bien valorisé , chaque bloc  est aéré

la typo utilisé est facilement lisible

les liens sont en bleu

l'espace blanc ainsi que la contraste sont apaisantes pour la lecture

les titres informatifs par bloc sont grand et attirants

l'utilisation d'un trait rouge par bloc aide le sens du lecture