TP8 - GÉNÉRATION : MAQUETTES MOYENNES ET HAUTES FIDÉLITÉ
- pariaagharabi
- 25 mars 2019
- 3 min de lecture
Dernière mise à jour : 21 août 2021
Documenter votre première “page” sur Axure, de vos premiers prototypes. Documenter la progression de votre prototype en inscrivant vos questions et commentaires, possiblement votre sketch papier, p-e aussi des pages web dont l’organisation vous inspire.
Pour documenter notre projet sur Axure, nous avons décidé de diviser les parties de notre projet et chacune de nous a accepté une partie. J'ai commencé à travailler sur la page d’accueil.
J'ai commencé à concevoir la page d’accueil avec Axure. Tout d'abord j'ai fait un sketch de cette page sur Axure. Voici ce sketch en lien ci-dessous:
Dans ce sketch, j'ai conçu cette page avec les parties différentes(5 parties). Chaque partie de page d’accueil affiche comme "single page", pour aller à chaque partie, il faut appuyer sur le:
Apres le sketch de page d'accueil, j'ai fait mon première “page” sur Axure.
Voici cette page en lien ci-dessous:
Pour l'application de mobile pour notre projet, je l'ai fait des sketchs à la main pour la page d'accueil. Voici ces dessins:
Je sais que chaque projet apporte son ensemble unique de problèmes à résoudre et les parties prenantes qui ont les problèmes. Donc, pendant le prototype de notre projet, je me pose quelques questions comme:
Comment le site serait organisé (sections spécifiques et pages individuelles)?
Comment l'application de mobile serait organisé (sections spécifiques et pages individuelles)?
Quel type d'information les visiteurs seraient le plus intéressés?
Ce que nous voulions encourager les visiteurs à faire à leur arrivée?
Ce que nous avions spécifique pour les pages individuelles du site?
Quel type de contenu irait dans les différentes sections du site?
Ce que je voudrais obtenir pendant ce projet et mes commentaires sont:
Hiérarchiser les objectifs en ligne.
évaluer nos options et tactiques.
Créer des plans d'action clairs et échelonnés.
L'inspiration est partout. Donc, j'ai inspiré de quelques sites Web. Les sites Web tels que https://medium.com/swlh/blood-donor-app-redesign-case-study-4e0325d3a346 https://abduzeedo.com et https://www.smashingmagazine.com sont parfaits pour apprendre et essayer de nouvelles choses et bien sûr pour être inspirés. Pinterest est un bon endroit pour suivre les grands designers et développeurs et avoir un aperçu de leur façon de penser.
Notes personnelles (format : libre, aucun maximum)
1) Quelle décision avez-vous prise quant à la mise en page de votre page? quelle grille? un rythme visuel vous inspire particulièrement?
Nous avons décidé de compléter toutes les pages de site Web de projet et même pour l'application de mobile et après cela, nous allons décider de concevoir visuelle.
Pour la phase de conception visuelle, nous tous travaillons sur les interactions tout au long de projet, en veillant à ce que toute l’équipe soit sur la même page.
Notre équipe considère de créer une esthétique moderne avec des couleurs vives, des images HD et une structure de grille avec 12 colonnes.Cette structure de grille a été inspirée par la nécessité pour la nouvelle page d'accueil de représenter un «design vivant». La structure basée sur la grille évolue bien entre les appareils, le contenu peut être facilement modifié ou déplacé et les sections clés peuvent être mises à jour avec un contenu inspiré par les suggestions des parties prenantes et des utilisateurs.
Donc, cette structure de grille pour chaque page(ou partie de page) sera différant, selon les exigences de la page. Pour quelque page, Cela sera 7-5, pour autre page sera 4,4,4 et ...
2) Y-a-t-il des fonctionnalités de navigation sur votre page? si oui, quelle forme avez-vous choisi? Pourquoi?
Oui, sur ma page de conception, il y a certains de navigation pour aider à trouver du contenu qui est simple et intuitif.
Je croie que lorsque nous regardons un site Web, nous nous attendons à naviguer facilement et à vivre une expérience formidable. Une partie de mon rôle de concepteur de sites Web consiste à veiller à ce que l'utilisateur sache où il se trouve, où il se trouvait et où il se dirige! Concevoir un système de navigation solide est sans conteste l’un des aspects les plus importants de la conception d’un site Web.
À cet égard, j'ai ajouté les navigations ci-dessous:
1. Navigation planning :
La navigation dans les menus, le point de départ consiste à déterminer le type de fonctionnalités offertes par le site Web et la hiérarchie dans laquelle les informations doivent être affichées.
2. Link the logo back to the home page:
J'ai placé le logo de Héma-Québec le coin supérieur gauche en haut. Le logo est également appelé lien vers la page d'accueil.
3. Sticky navigation:
Un menu de hamburgers qui est verrouillé dans chaque page de site web qui a été liée vers la page d'accueil.
4. Responsive navigation
5. Navigation of site menus
3) Notes sur défis et astuces pour la prochaine fois?
Après l'approbation de la structure de la page d'accueil et d'autre pages, nous allons travailler sur une structure pour une page standard du site et l'application de mobile.
Au cours de la prochaine étape du processus de conception, nous commençons à examiner l’aspect du site final Héma-Québec et le tester par les utilisateurs.
Comments