Demo interactions

Slider draggable Navigation par clavier Vue globale
01

Le Web

Découverte

img2

Tour d'horizon

Internet

img3

L'ergonomie

Construire intelligement

img4

Les sites internet

Différentes fonctions

img4

Sites mobiles et APP

Web mobile

img4

HTML & CSS

et leurs évolutions

img4

Optimisation

avant/aprés/pendant

img4

Ressources

veille et culture

Le Web

Découverte

Nous nous en servons pour apprendre, nous divertir ou bien créer.

Le web est complexe.
Chacun en a et en fait une utilisation particulière.
Comme pour tout, un apprentissage est bénéfique afin de pouvoir utiliser au mieux cet outil de communication (sens large).

Au travers des différents points abordés, il sera présenté le web dans son ensemble :
De son histoire à une vision futuriste, d'un point de vue personnel, mais aussi issu d'articles lus sur internet.

De nombreuses ressources en fin de chaque point sont mentionnées afin de permettre à ceux qui le souhaitent de continuer leur documentation via des articles ou vidéos qui m'ont paru intéressants.

Les propos sont eux aussi illustrés soit à l'aide de vidéo, soit à l'aide de diverses images ou liens vers des sites qui m'ont paru intéressants.

Les sources utilisées pour certaines parties des points abordés sont mentionnées, et leurs sites sont linkés afin de pouvoir voir les articles dans leur intégralité.

Tour d'horizon

Internet



Cinq parties : 1 : Histoire d'internet

L'internet comme nous le connaissons aujourd'hui est une invention qui a révolutionné le monde.

Nous l'utilisons en permanence, cet outil d'information et de travail et devenu grâce a sa démocratisation un « objet » de loisir sur lequel l'on peut se promener, découvrir des choses ou y raconter sa vie. L'histoire de la création d'internet et ses grands acteurs est décrite succinctement dans ce premier point.

Consulter l'Histoire d'internet


2 : Contexte actuel

Ce qui se passe actuellement dans le monde du web avec en thèmes abordés :
le design, le web mobile (RWD et APP), les objets connectés, le E & M commerce, les extensions (NDD), le Cloud, le mode économique avec l'E Pub, les abonnements payants, le big data, le participatif, les facilités de création, et le référencement .

Consulter le Contexte actuel


3 : Avenir du web

Les évolutions techniques et technologies sont démentiellements rapides. Ces dernières ouvrent de nombreuses portes aux créateurs, quels qu'ils soient :
Graphique, techniques ou juste rêveur souhaitant essayer des choses… Les thèmes abordés sont les même que le contexte actuel, afin de créer un parallèle concret le design, le web mobile (RWD et APP), les objets connectés, l'utilisateur, la publicité sur internet et son « modèle économique », la publicité « nouvelle génération », les facilités de création, le référencement

Consulter l'Avenir du web


4 : Metiers du web

Différents acteurs participent à la création du web (et plus précisément des sites internet).
Chacun a un rôle particulier et tous travaillent en équipe, permettant ainsi à chacun de s'exprimer et de partager ses connaissances et son savoir-faire.

Consulter les Métiers du web


5 : Open Source

L'un des facteurs qui a démocratisé la création de sites est l'Open Source (sens large).

Consulter l'Open Source


L'ergonomie

Construire intelligement

Avant de réaliser un site internet ou un site mobile, il y a des contraintes à connaitre.


L'ergonomie

On utilise ce mot pour parler d'un objet, plan de travail, ou encore de sites web.
Mais que signifie-t-il concernant un site web ?
12 points importants de l'ergonomie seront abordés afin de structurer sa démarche, son travail, son projet.

Consulter L'ergonomie


Les grilles

En web comme dans d'autres domaines de conception, pour que quelque chose soit visuellement agréable à regarder, il est recommandé de mettre en place un système de grilles.
Ces grilles permettront de construire et d'ordonner le site, en lui permettant de garder une harmonie et cohérence visuelle.

Consulter Les grilles


Théories et lois

Les théories et lois en web sont plus des points indicatifs à suivre ou au moins à connaitre afin de créer une ergonomie et une utilisabilité parfaite.
Il ne s'agit pas de règles strictes, mais plutôt de conseils et bons sens, qu'il est toujours bon à rappeler, ou à connaitre.

Consulter Les théories et lois


Les personas

Répondre à une demande nécessite de connaitre son public, sa cible.
Pour ce faire, la conception de personas est une bonne pratique. Dans ce point, les différents types de personas et leur fonction seront abordés.

Consulter Les personas


Élaboration de la maquette web

La conception d'un site passe par diverses étapes permettant à la fois au client et au prestataire de ne pas perdre de temps et de répondre à la demande du client en évitant ainsi des aller-retour ou la création de propositions hors sujet.
Qu'il s'agisse de recherche griffonnée à la préparation ergonomique du site, ces étapes ont toutes leur importance. Les phases de collectes d'éléments graphiques sont elles aussi importantes, car elles permettront au concepteur de gagner du temps et de ne pas faire fausse route, lui permettant de savoir au préalable dans quelle direction il va avancer.

Consulter L'élaboration de la maquette web


Ergonomie mobile

XXX.

Consulter L'ergonomie mobile


Les sites internet

Différentes fonctions

Les différents types de sites

Il existe différents styles de sites internet.
Chacun à une fonction qui lui est propre.

Certains ont pour objectifs de présenter une société, une activité et ne souhaitent un site que pour être présents et visibles sur internet, d'autres souhaitent avec un site ayant les mêmes fonctions, mais pouvant être mis à jour fréquemment dans le but de créer un renouveau au niveau de l'information.

Pour d'autres, un site web est un outil servant à développer leur CA (chiffre d'affaires), c'est notamment le cas avec les sites e-commerce et sites catalogue.

Les utilisateurs vont sur internet et vont consulter un site en fonction de leurs besoins, de leurs envies…

D'autres types de sites existent, des sites généralistes reliés à une thématique ou pluridisciplinaires…

Consulter Les sites internet


Brèves analyses de sites

Avant d'entamer son process de création, le designer a besoin d'en connaître plus sur la société, ses intentions, son univers.
Afin de mieux cerner un secteur d'activité qui peut être non connu, une recherche sur celui-ci et une analyse concurrentielle est un passage obligé (avis personnel).

Cette analyse vise à ne pas faire fausse route, à s'imprégner d'un univers spécial avec ses codes et significations.

Consulter Brèves analyses de sites


Sites mobiles et APP

Web mobile

En cours de rédaction Le Web mobile

Consulter Le Web mobile


HTML & CSS

et leurs évolutions

Introduction au HTML et CSS

Consulter L'Introduction au HTML et CSS


Initiation aux positionnements, aux marges

Consulter Le positionnement et les mages


Les contenus du site

les textes, liens, images… Consulter Les contenus du site


Optimisation

avant/après/pendant

Offline

XXX

Consulter les optimisations offline


Online

XXX

Consulter les optimisations online


Les outils

XXX

Consulter les outis


Résa de NDD et mise en ligne

XXX

Consulter les vidéos de réservations de nom de domaine et de mise en ligne


Ressources

veille et culture

Veille et culture

XXX

Consulter la Veille et culture


Veille graphique

XXX

Consulter la Veille graphique


Veille technologique

XXX

Consulter la Veille technologique


Les Patterns

XXX

Consulter les Patterns


Les Statuts

XXX

Consulter les Statuts