mirror of
https://old.git.ood.ovh/flambyte/RUX.git
synced 2025-04-28 14:31:44 +02:00
149 lines
No EOL
9 KiB
HTML
149 lines
No EOL
9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:creator" content="@pinavetrano">
|
||
<meta name="twitter:site" content="pina-vetrano.be">
|
||
<meta name="twitter:title" content="PVetrano — RUX">
|
||
<meta name="twitter:description" content="L'atelier rethinking user experience — à HEAJ de Pina Vetrano">
|
||
<meta name="twitter:image" content="http://www.pinavetrano.be/projets/rethinking-ux/assets/images/logo.png">
|
||
|
||
<meta property="og:site_name" content="RUX — rethinking user experience ">
|
||
<meta property="og:title" content="vetrano-pina — RUX">
|
||
<meta property="og:description" content="L'atelier rethinking user experience — à HEAJ de Pina Vetrano">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:url" content="https://pinavetrano.be/">
|
||
<meta property="og:image" content="assets/images/logo_dark.svg">
|
||
<meta property="og:image:width" content="1800">
|
||
<meta property="og:image:height" content="945">
|
||
<link rel="icon" type="image/x-icon" href="assets/images/logodark.svg">
|
||
<title>RUX Pina Vetrano — DWT — Heaj</title>
|
||
<!-- CSS and Javascript -->
|
||
<link rel="stylesheet" href="assets/css/normalize.css">
|
||
<link rel="stylesheet" href="assets/css/style.css">
|
||
<script src="assets/js/app.js" defer></script>
|
||
</head>
|
||
<body data-theme="light">
|
||
<header>
|
||
|
||
<button class="js-theme-trigger">
|
||
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd">
|
||
<path
|
||
d="M13 9h9l-14 15 3-9h-9l14-15-3 9zm-8.699 5h8.086l-1.987 5.963 9.299-9.963h-8.086l1.987-5.963-9.299 9.963z" />
|
||
</svg></button>
|
||
</header>
|
||
<section class="grid grid--content" id="partie0">
|
||
<div class="strip strip--1"></div>
|
||
<h1 class="title-uikit mgrid-start01 mgrid-end07 dgrid-start01 dgrid-end07"><span class="number-nav">0 </span>Synopsis</h1>
|
||
<p class="mgrid-start01 mgrid-end04 dgrid-start02 dgrid-end06 partie1_blackfill">L’atelier RUX (rethinking UX)
|
||
est de
|
||
réaliser une interface adaptée et
|
||
compréhensible pour
|
||
l’utilisateur, pour une
|
||
navigation facile et rapide”</p>
|
||
<div class="strip strip--2"></div>
|
||
<p class="mgrid-start02 mgrid-end05 dgrid-start03 dgrid-end06 partie1_blackfill">Le directeur de la Haute école
|
||
Albert Jacquard nous à
|
||
donner une mission ! </p>
|
||
<div class="strip strip--3"></div>
|
||
<p class="mgrid-start01 mgrid-end04 dgrid-start02 dgrid-end06 partie1_blackfill">Repenser notre cours de récré
|
||
</p>
|
||
<p class="mgrid-start01 mgrid-end04 dgrid-start03 dgrid-end05 partie1_blackfill">Notre budget est limité à 200k€
|
||
+- </p>
|
||
<div class="strip strip--cash"></div>
|
||
<figure class="img__content dgrid-start02 dgrid-end03">
|
||
<img class="image_undertxt image_undertxt--iv" src="assets/images/plancour.png"
|
||
srcset="assets/images/plancour@2x.png 2x" alt="plan de la cour de la Haute École Albert Jacquard schématisé"
|
||
loading="lazy" decoding="async">
|
||
<figcaption class="figcaption">schéma illustré de la cour</figcaption>
|
||
</figure>
|
||
<figure class="img__content dgrid-start03 dgrid-end05">
|
||
<img class="image_undertxt" src="assets/images/cour.png" srcset="assets/images/cour@2x.png 2x"
|
||
alt="plan de la cour de la Haute École Albert Jacquard, plan large" loading="lazy" decoding="async">
|
||
<figcaption class="figcaption">Photo prise de la cour "plan large"</figcaption>
|
||
</figure>
|
||
</section>
|
||
<section class="grid" id="partie4">
|
||
<h2 class="title mgrid-start01 mgrid-end04 dgrid-start01 dgrid-end06"><span class="number-nav">4 </span>Guide d'entretien</h2>
|
||
<p class="mgrid-start01 mgrid-end05 dgrid-start02 dgrid-end05">Alors pour cette étape, je suis partie du
|
||
principe que je ne sais pas
|
||
ce qu'il faut pour résoudre ce besoin. Même si nos futurs utilisateurs sont des élèves comme moi et mes
|
||
camarades, il est important de comprendre <span class="highlight">les utilisateurs, leurs
|
||
raisonnements</span> comment ils utilisent la cour, leur temps libre.</p>
|
||
<p class="mgrid-start01 mgrid-end05 dgrid-start02 dgrid-end05"> Et pour cela, on prépare un <span
|
||
class="highlight">guide d'entretien</span></p>
|
||
<details class="section__color--slot dgrid-start02 dgrid-end05" open="">
|
||
<summary class="title__slot">Voici le guide d'entretiens en entier:</summary>
|
||
<ul class="guide__liste">
|
||
<li class="title--medium guide__el">Introduction :</li>
|
||
<li>Bonjour, nous sommes étudiants en deuxième année de l’option Web.
|
||
Bienvenue et merci de bien vouloir participer à notre interview.
|
||
Je vais te poser des questions sur ta vie en tant qu’étudiant. Toutes tes réponses seront
|
||
correctes. Cette interview sera enregistrée, retranscrite et ne durera que 5min. Ta
|
||
participation peut être anonyme. Nous n’utiliserons ces données que dans le cadre scolaire.
|
||
</li>
|
||
|
||
<li class="title--medium guide__el">Echauffement :</li>
|
||
|
||
<li>Peux-tu te présenter ? </li>
|
||
<li>Quels sont tes passe-temps ? </li>
|
||
<li>Kotes-tu sur Namur ? Sinon d'où viens-tu ? Comment viens-tu à l’école ?</li>
|
||
<li>Quels sont les indispensables d’un étudiant ? En dehors du cadre de l’école ou non ?</li>
|
||
<li>Que penses-tu de l’HEAJ et de ses environnements ?</li>
|
||
|
||
<li class="title--medium guide__el">Questions générales :</li>
|
||
|
||
<li>Si tu pouvais importer un élément de ton ancienne école dans l’HEAJ lequel serait-il ? </li>
|
||
<li>Dans quels endroits de l’école te sens-tu le moins à l’aise ?
|
||
</li>
|
||
<li>Dans quels endroits de l’école te sens-tu le moins à l’aise ? </li>
|
||
<li>Dans quels endroits extérieur te sens-tu le mieux ? Pourquoi ? </li>
|
||
|
||
<li class="title--medium guide__el">Approfondissement :</li>
|
||
|
||
<li>Si tu devais améliorer une partie de l’école, laquelle serait-il ? Pourquoi ? Comment ?
|
||
</li>
|
||
<li>Si tu avais une baguette magique, que changerais-tu par rapport à la cour de l’école ?</li>
|
||
<li>Tu pourrais nous faire un petit dessin de ta cour idéale ?
|
||
</li>
|
||
<li>Si ton dessin se réalisait, passerais-tu plus de temps dans la cour ?
|
||
</li>
|
||
<li class="title--medium guide__el">Clôture de l’entretien :</li>
|
||
|
||
<li>Nous t’avons posé des questions sur ta condition de vie en tant qu’étudiant ainsi que sur
|
||
l’école. Aurais-tu quelque chose à rajouter ?
|
||
</li>
|
||
<li>Merci pour ta participation ! Bonne journée.</li>
|
||
|
||
</ul>
|
||
</details>
|
||
<details class="section__color--slot dgrid-start02 dgrid-end05 details__QR" open="">
|
||
<summary class="title__slot">Réponses généralisé:</summary>
|
||
<ul>
|
||
<li>Q : Que penses tu de l’HEAJ et de ses environnements ?</li>
|
||
<li>R : Les locaux sont mal indiqués, triste et <span class="highlight">manque de vie</span> dans
|
||
l’école</li>
|
||
<li>Q : Si tu devais améliorer une partie de l’école, laquelle serait-il ? Pourquoi ? Comment ?
|
||
</li>
|
||
<li>R : <span class="highlight">Plus de vert</span>, retravailler les extérieurs avec des jeux </li>
|
||
<li>Q : Dans quels endroits extérieur te sens-tu le mieux ? Pourquoi ? </li>
|
||
<li>R : Là, où il y a de la <span class="highlight">verdure</span> et <span class="highlight">de la
|
||
vie</span> en générale.</li>
|
||
<li>Q : Si tu avais une baguette magique, que changerais-tu dans la cour ?</li>
|
||
<li>R : Des tables, du sport, <span class="highlight">de la verdure.</span></li>
|
||
<li>Q : Si ton dessin se réalisait, passerais-tu plus de temps dans la cour ?
|
||
</li>
|
||
<li>R : Oui principalement</li>
|
||
</ul>
|
||
</details>
|
||
<figure class="img__content dgrid-start02 dgrid-end03">
|
||
<img class="image_undertxt" src="assets/images/interview.png" srcset="assets/images/interview@2x.png 2x"
|
||
alt="photo représentant une de nos interview" loading="lazy" decoding="async">
|
||
<figcaption class="figcaption">Une de nos plus belles interview</figcaption>
|
||
</figure>
|
||
</section> |