GrafreeLab  

Techniques et ressources Web

   Exploration de la page Web    

Envoyer un message
07
Rubriques : Webdesign , Mobiles , HTML 5

UI Design Web & Mobile

uidesign
Le support en ligne (www.grafree.ch/uidesign)

L'évolution des supports Web et mobiles implique une adaptation des techniques et outils de création de mises en page et de mise en forme des sites et applications Web.

L'UI Design (user interface) implique de définir des outils en fonction du contenu et du support en considérant mettant l'utilisateur au centre de la démarche. Celui-ci cherche une information, doit remplir un formulaire à partir d'un support mobile, d'un ordinateur de bureau, à la maison, dans le transport public. Autant de circonstances qui font qu'un outil Web et son contenu seront progressif.

Un site en guise de support

Afin de garder accessible en permanence les références, le support est en ligne.

De la théorie à la pratique

Il n'est pas seulement question d'analyser les cas de figure et de savoir ce qu'il est utile de faire, il est surtout question de savoir comment le faire. Codes à l'appui les exemples sont présentés afin d'utiliser les références.

  • Supports (hardware)
  • Responsive Design
  • Mobiles
  • Etude de cas
  • Formulaires 
  • HTML et accessibilités
  • Outils (grid 960, Bootstrap, Initializr et jQuery mobile)
∼ Ressources ∼Informations, tutoriels et modèles
Supports

Les supports et tailles d'écran, leurs contraintes et les manière de naviguer.

∼ Techniques ∼Définition, exemples et stratégie
Responsive Design

Transformation pas à pas d'une page Web pour les différents supports.

∼ Exercices ∼Mise en pratique
Responsive design

Adapter à différentes tailles d'écran une interface de page web.

Support tablette

Ajuster les sytles CSS afin qu'un contenu soit mieux adapté au support tablette



Commentaires

N'hésitez pas à donner votre avis ou faire part de vos trouvailles en lien avec ce sujet. Prenez note qu'aucun support n'est offert concernant les codes proposés. Un commentaire peut être supprimé sans préavis s'il porte préjudice à un collaborateur ou au site.

Votre commentaire (Tous les champs sont obligatoires)