The Art Room
UI/UX Design • Branding
Design UI/UX pour une application de galerie d’art virtuelle
Aperçu du produit
Cette application offre l'expérience immersive d'une visite de galerie d'art virtuelle.
Ciblant les professionnels occupés qui souhaitent découvrir et acheter de l'art local, à distance.
Mission
Objectif: Offrir flexibilité à l'utilisateur avec la technologie pour rendre l'art accessible, tout en reflétant le plus possible l'expérience qu'ils auraient dans une galerie d'art « brick and mortar », même à travers leur écran.
Solution:
L'application de visite de galerie d'art virtuelle permettra aux utilisateurs de découvrir et acheter de nouvelles oeuvres d'art locales, ce qui aidera les professionnels occupés intéressée à les découvrir de manière flexible et immersive.
Mon rôle
Designer UI/UX
Responsabilités
Conception
Recherche UX
Direction artistique
Processus de conception
1
Empathie
Persona
Julia
âge
29
éducation
Universitaire
Statut
Un partenaire et un chat
Occupation
Infirmière
Location
Québec
technologie
Avancé
J'adore la relation d'aide dans mon travail. Lorsque j'ai un moment libre pour moi, j'apprécie de le passer à la maison. J'aime me divertir à travers les arts.
Personnalité
Extravertie
Sensible
Travaillante
Bio
Jeune professionnelle dédiée avec un horaire chargé, Julia est une personne courageuse et généreuse. Elle ne manque pas une occasion de contribuer à sa communauté et d'aider son prochain. Autre son intérêt pour la relation d'aide et l'humain, sa sensibilité s'étend aux arts, notamment visuels.
Elle cherche à découvrir les arts locaux dont des oeuvres qu'elle pourrait afficher dans sa maison. Elle aimerait pouvoir le faire de chez elle, sans ne rien manquer.
Besoins essentiels
•
Aimerait pouvoir découvrir des oeuvres d'arts sans les contraintes de temps et de distance
•
Intessée à découvrir de nouveaux artistes.
Frustrations
•
Son horaire de travail est demandant et elle n'a pas souvent le temps ni l'énergie pour sortir faire d'autres activités.
•
Elle cherche à garnir ses murs de pièces d'arts.
Plateforme
Mobile
Carte expérience utilisateur
2
Définition
Points de friction
01
flexibilité
Les utilisateurs veulent bénéficier de flexibilité tout en ayant une excellente expérience en ligne.
02
simplicité
Les utilisateurs veulent interagir avec une interface facile à comprendre et utiliser.
03
sécurité
Les utilisateurs veulent une app qu'ils peuvent faire confiance et se sentir à l'aise d'utiliser.
04
persistance
Les utilisateurs veulent pouvoir sauvegarder leur progrès ou leur favoris et préférences.
Sitemap
3
Idéation
Wireframes
Espace pour une colonne sur mobile, puis 2 colonnes sur desktop, étant donné l'espace disponible qui diffère sur chaque.
Le menu burger sur mobile est adapté à la largeur d'écran.
4
Prototypage
Prototypes basse fidélité
J'ai porté une attention à la clarté des boutons de navigation et que chaque action soit cohérente avec l'icône ou le libellé la représentant.
Direction artistique
Guide de style
5
Tests
Étude d'utilisabilité
Paramètres
Type d’étude:
Non modérée
Location:
Canada, à distance
Participants:
4 participants
Durée:
20 minutes
Déroulement
Intro
Parcours: faire une visite de la galerie d'art virtuelle
Retour sur l’exercice et échange
Résultat
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 95 166" xmlns="http://www.w3.org/2000/svg"><path d="M 0 51.74 L 30.97 51.74 L 30.97 0 L 0 0 Z" fill="rgb(178, 178, 178)" height="51.739999999999995px" id="Im61KtfHX" transform="translate(1.671 109.986)" width="30.969970000000004px"/><path d="M 0 51.74 L 30.97 51.74 L 30.97 0 L 0 0 Z" fill="rgb(209, 209, 209)" height="51.739999999999995px" id="drSU1h4Me" transform="translate(32.518 109.986)" width="30.970000000000006px"/><path d="M 8.369 0 L 12.099 17.86 L 0.449 19.36 C 0.449 19.36 -0.561 0.8 0.449 0.7 C 1.459 0.61 8.369 0 8.369 0 Z" fill="rgb(168, 117, 75)" height="19.36px" id="j4CxItPKg" transform="translate(26.931 61.06)" width="12.098888888888887px"/><path d="M 0 0 C 0 0 11.64 1.64 13.73 19.35 C 13.73 19.35 10.02 23.34 5.29 22.11 Z" fill="rgb(193, 207, 245)" height="22.345431675667648px" id="MqAvJtvuF" transform="translate(24.4 43.12)" width="13.730000000000004px"/><path d="M 16.179 0.054 C 16.179 0.054 4.839 -1.066 0.849 6.924 C -3.151 14.914 8.509 23.234 4.509 41.544 L 29.649 40.214 L 29.649 24.064 C 29.649 24.064 34.229 17.384 27.739 10.224 C 27.739 10.224 27.349 -0.656 16.179 0.054 Z" fill="rgb(193, 207, 245)" height="41.54369857882581px" id="X2hO4sC3K" transform="translate(3.171 42.456)" width="31.217664582245472px"/><path d="M 23.24 0.566 C 23.24 0.566 31.39 -2.454 33.58 5.456 C 35.77 13.356 44.85 65.006 44.85 65.006 L 37.57 65.006 L 33.29 44.476 C 33.29 44.476 27.25 37.746 25.4 23.456 L 0 20.426 Z" fill="rgb(181, 132, 91)" height="65.00615116455339px" id="LBtqUolBm" transform="translate(33.51 86.024)" width="44.85px"/><path d="M 6.597 3.439 C 6.597 3.439 10.917 3.319 18.587 0.879 C 26.257 -1.571 31.727 1.019 28.707 9.659 C 25.687 18.289 10.427 58.289 10.427 58.289 L 4.647 56.559 L 9.637 30.659 C 9.637 30.659 10.807 17.809 16.227 10.279 C 16.227 10.279 4.827 10.849 0.927 10.249 C -2.953 9.659 6.597 3.439 6.597 3.439 Z" fill="rgb(168, 117, 75)" height="58.28923218452191px" id="i5fOm0Lq2" transform="translate(33.493 102.051)" width="29.552478996099794px"/><path d="M 3.595 3.58 C 3.595 3.58 -5.625 15.17 5.465 26.55 C 5.465 26.55 11.175 33.2 36.345 32.16 C 36.345 32.16 42.945 9.88 56.985 3.89 L 27.925 0 Z" fill="rgb(224, 178, 103)" height="32.270402984697185px" id="y0NMvKf0I" transform="translate(4.085 80.42)" width="56.98519322458097px"/><path d="M 14.129 12.28 C 14.129 12.28 17.129 0.07 6.739 0 C -0.951 -0.05 -3.241 9.14 6.189 15.29 Z" fill="rgb(25, 13, 8)" height="15.290199166485632px" id="HuHau3gQF" transform="translate(5.841 0.64)" width="14.530737957036052px"/><path d="M 0.32 7.829 C 0.32 7.829 -1.56 3.029 3.8 0.599 C 9.16 -1.831 10.87 3.919 10.87 3.919 Z" fill="rgb(224, 178, 103)" height="7.828870363999378px" id="CFCpXtErn" transform="translate(11.36 10.321)" width="10.869544718066196px"/><path d="M 22.464 17.942 C 22.464 17.942 30.204 13.362 21.834 4.162 C 16.604 -1.588 7.444 -1.268 2.344 4.432 C -2.756 10.132 2.054 20.182 2.054 20.182 L 5.524 14.412 L 8.564 9.932 L 12.914 8.192 L 16.324 8.432 L 19.214 8.802 L 21.544 9.782 Z" fill="rgb(39, 22, 12)" height="20.18158735139364px" id="QqtiATBiF" transform="translate(9.576 11.128)" width="25.725025545453718px"/><path d="M 10.46 1.117 L 1.761 0 L 0 13.708 L 8.699 14.825 Z" fill="rgb(181, 132, 91)" height="14.825299999999999px" id="U_Ij9Heh1" transform="translate(15.258 31.654)" width="10.4597px"/><path d="M 0 0 C 0 0 0.94 4.99 4.95 6 C 6.2 6.31 7.56 5.95 8.32 4.92 C 8.53 4.64 8.68 4.32 8.73 3.96 C 8.92 2.52 5.12 0 5.12 0 Z" fill="rgb(168, 117, 75)" height="6.10757462686567px" id="FSWx7TDFw" transform="translate(16.11 35.73)" width="8.736894705532421px"/><path d="M 8.405 22.175 L 7.955 22.115 C 2.965 21.475 -0.565 16.905 0.075 11.915 L 0.585 7.955 C 1.225 2.965 5.795 -0.565 10.785 0.075 L 11.235 0.135 C 16.225 0.775 19.755 5.345 19.115 10.335 L 18.605 14.295 C 17.965 19.285 13.395 22.815 8.405 22.175 Z" fill="rgb(181, 132, 91)" height="22.24988388853393px" id="eExAkCbBe" transform="translate(13.835 17.105)" width="19.189883888533927px"/><path d="M 1.711 11.519 C 1.711 11.519 7.971 9.479 7.811 2.449 C 7.811 2.449 8.211 -2.791 2.731 2.059 C -2.749 6.909 1.711 11.519 1.711 11.519 Z" fill="rgb(39, 22, 12)" height="11.518891493045583px" id="iixCr4pRg" transform="translate(13.179 16.511)" width="7.817844067641786px"/><path d="M 6.116 3.456 C 5.896 5.136 4.366 6.326 2.676 6.106 C 0.996 5.886 -0.194 4.356 0.026 2.676 C 0.246 0.996 1.776 -0.194 3.466 0.026 C 5.146 0.236 6.336 1.776 6.116 3.456 Z" fill="rgb(181, 132, 91)" height="6.132398173100178px" id="Bl8zbQ_GN" transform="translate(10.154 26.494)" width="6.142390039060018px"/><path d="M 2.72 0 L 2.44 2.22 C 1.8 5.35 0.48 4.4 0 3.05 Z" fill="rgb(39, 22, 12)" height="4.315300243265472px" id="cNHwfOUks" transform="translate(15.56 24.51)" width="2.7200000000000006px"/><path d="M 17.968 8.96 C 17.968 8.96 11.578 13.75 2.208 6.65 C -4.252 1.76 5.518 0 5.518 0 L 14.628 1.88 Z" fill="rgb(39, 22, 12)" height="10.540063129352637px" id="ieOa1HCb0" transform="translate(15.942 14.42)" width="17.968194278106505px"/><path d="M 0 2.84 C 0 2.84 5.47 12.6 9.35 9.6 C 13.54 6.36 4.08 0 4.08 0 Z" fill="rgb(181, 132, 91)" height="10.172847817925408px" id="PqphQ__V3" transform="translate(15.27 42.51)" width="10.420646036368499px"/><path d="M 10.41 0 C 10.41 0 13.79 6.23 16.1 11.12 L 40.74 9.7 C 40.74 9.7 45.63 5.7 49.46 9.08 L 45.68 13.62 L 14.83 20.45 C 13.65 20.71 12.42 20.37 11.55 19.55 C 8.82 16.97 2.88 10.96 0 4.83 Z" fill="rgb(181, 132, 91)" height="20.53576203461212px" id="IARNhcuqR" transform="translate(7.28 65.23)" width="49.45997px"/><path d="M 38.087 0 L 7.807 0 C 6.807 0 5.947 0.7 5.747 1.67 L 0.047 28.42 C -0.233 29.73 0.767 30.97 2.107 30.97 L 32.897 30.97 C 33.907 30.97 34.777 30.25 34.967 29.26 L 40.167 2.51 C 40.407 1.21 39.407 0 38.087 0 Z" fill="rgb(178, 178, 178)" height="30.970000000000006px" id="LalKfG9dm" transform="translate(47.993 55.62)" width="40.20296904278346px"/><path d="M 38.087 0 L 7.807 0 C 6.807 0 5.947 0.7 5.747 1.67 L 0.047 28.42 C -0.233 29.73 0.767 30.97 2.107 30.97 L 32.897 30.97 C 33.907 30.97 34.777 30.25 34.967 29.26 L 40.167 2.51 C 40.407 1.21 39.417 0 38.087 0 Z" fill="rgb(209, 209, 209)" height="30.970000000000006px" id="XB0O77EQq" transform="translate(49.733 55.62)" width="40.20324363175902px"/><path d="M 21.83 0 L 1.14 0 C 0.51 0 0 0.51 0 1.14 C 0 1.77 0.51 2.28 1.14 2.28 L 22.23 2.28 Z" fill="rgb(178, 178, 178)" height="2.280000000000001px" id="ujc9riGuG" transform="translate(27.01 84.31)" width="22.23px"/><path d="M 0 3.3 C 0 5.12 1.48 6.6 3.3 6.6 C 5.12 6.6 6.6 5.12 6.6 3.3 C 6.6 1.48 5.12 0 3.3 0 C 1.48 0 0 1.47 0 3.3 Z" fill="rgb(255, 255, 255)" height="6.599999999999994px" id="lLGEgP3ts" transform="translate(69.07 67.11)" width="6.6000000000000085px"/><path d="M 6.492 0.615 C 6.082 0.795 -7.488 7.465 5.862 28.135 C 5.862 28.135 14.392 28.275 19.332 21.925 C 19.342 21.925 17.702 -4.305 6.492 0.615 Z" fill="rgb(193, 207, 245)" height="28.13495554197023px" id="onwLkvCR0" transform="translate(0.788 44.875)" width="19.33226680668798px"/><path d="M 0.665 2.041 C 0.845 1.501 1.435 1.301 1.835 1.651 C 2.615 2.341 4.015 3.191 6.075 2.981 C 8.225 2.771 9.025 1.501 9.335 0.591 C 9.495 0.111 9.955 -0.129 10.365 0.071 L 23.385 6.611 C 24.175 7.011 24.795 7.751 25.095 8.671 C 25.385 9.541 24.805 10.471 23.985 10.451 L 1.495 9.831 C 0.605 9.811 -0.065 8.941 0.005 7.931 L 0.375 2.971 C 0.385 2.891 0.395 2.811 0.425 2.731 Z" fill="rgb(224, 178, 103)" height="10.451049973419543px" id="CBh_MnWur" transform="translate(35.905 155.439)" width="25.17074051525477px"/><path d="M 0.04 4.454 C 0.08 3.884 0.59 3.534 1.06 3.774 C 1.99 4.234 3.56 4.684 5.5 3.944 C 7.51 3.174 7.96 1.744 8.02 0.784 C 8.05 0.284 8.43 -0.076 8.88 0.014 L 23.16 2.924 C 24.03 3.104 24.82 3.654 25.36 4.464 C 25.87 5.224 25.55 6.274 24.76 6.464 L 2.89 11.754 C 2.03 11.964 1.15 11.304 0.96 10.304 L 0.02 5.424 C 0 5.344 0 5.264 0 5.174 Z" fill="rgb(224, 178, 103)" height="11.792831693241993px" id="Tjjg03ky4" transform="translate(69.36 144.466)" width="25.6066783991034px"/></svg>)
The Art Room
Design UI/UX pour une application de galerie d’art virtuelle
UI/UX Design • Branding
Persona
Julia
âge
29
éducation
Universitaire
Statut
Un partenaire et un chat
Occupation
Infirmière
Location
Québec
technologie
Avancé
J'adore la relation d'aide dans mon travail. Lorsque j'ai un moment libre pour moi, j'apprécie de le passer à la maison. J'aime me divertir à travers les arts.
Personnalité
Extravertie
Sensible
Travaillante
Bio
Jeune professionnelle dédiée avec un horaire chargé, Julia est une personne courageuse et généreuse. Elle ne manque pas une occasion de contribuer à sa communauté et d'aider son prochain. Autre son intérêt pour la relation d'aide et l'humain, sa sensibilité s'étend aux arts, notamment visuels.
Elle cherche à découvrir les arts locaux dont des oeuvres qu'elle pourrait afficher dans sa maison. Elle aimerait pouvoir le faire de chez elle, sans ne rien manquer.
Besoins essentiels
•
Aimerait pouvoir découvrir des oeuvres d'arts sans les contraintes de temps et de distance
•
Intessée à découvrir de nouveaux artistes.
Frustrations
•
Son horaire de travail est demandant et elle n'a pas souvent le temps ni l'énergie pour sortir faire d'autres activités.
•
Elle cherche à garnir ses murs de pièces d'arts.
Plateforme
Mobile
Carte expérience utilisateur
Empathie
1
Sitemap
Homepage
Cart
Order Summary
Billing
Shipping
Payment
Log In/Sign Up
Favorites
Checkout
Log In
Create account
Home Page
Settings
Forgot Password?
My Favorites
Home Page
Footer/Other
About Us
Help
Contact Us
Chat
Points de friction
01
flexibilité
Les utilisateurs veulent bénéficier de flexibilité tout en ayant une excellente expérience en ligne.
02
simplicité
Les utilisateurs veulent interagir avec une interface facile à comprendre et utiliser.
03
sécurité
Les utilisateurs veulent une app qu'ils peuvent faire confiance et se sentir à l'aise d'utiliser.
04
persistance
Les utilisateurs veulent pouvoir sauvegarder leur progrès ou leur favoris et préférences.
Définition
2
Wireframes
Espace pour une colonne sur mobile, puis 2 colonnes sur desktop, étant donné l'espace disponible qui diffère sur chaque.
Le menu burger sur mobile est adapté à la largeur d'écran.
Idéation
3
Processus de conception
Prototypes basse fidélité
J'ai porté une attention à la clarté des boutons de navigation et que chaque action soit cohérente avec l'icône ou le libellé la représentant.
Direction artistique
Guide de style
Prototypage
4
Tests
5
Étude d'utilisabilité
Paramètres
Type d’étude:
Non modérée
Location:
Canada, à distance
Participants:
4 participants
Durée:
20 minutes
Déroulement
Intro
Parcours: faire une visite de la galerie d'art virtuelle
Retour sur l’exercice et échange
Résultat
Aperçu du produit
Cette application offre l'expérience immersive d'une visite de galerie d'art virtuelle.
Ciblant les professionnels occupés qui souhaitent découvrir et acheter de l'art local, à distance.
Mission
Objectif: Offrir flexibilité à l'utilisateur avec la technologie pour rendre l'art accessible, tout en reflétant le plus possible l'expérience qu'ils auraient dans une galerie d'art « brick and mortar », même à travers leur écran.
Solution: L'application de visite de galerie d'art virtuelle permettra aux utilisateurs de découvrir et acheter de nouvelles oeuvres d'art locales, ce qui aidera les professionnels occupés intéressée à les découvrir de manière flexible et immersive.
Mon rôle
Designer UI/UX
Responsabilités
Conception
Recherche UX
Direction artistique
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M 0.653 3.637 C 0.217 3.232 0 2.731 0 2.134 C 0 1.538 0.218 1.014 0.653 0.608 C 1.09 0.203 1.651 0 2.34 0 C 3.028 0 3.567 0.203 4.003 0.608 C 4.439 1.013 4.656 1.523 4.656 2.134 C 4.656 2.746 4.438 3.232 4.003 3.637 C 3.566 4.042 3.013 4.245 2.34 4.245 C 1.667 4.245 1.09 4.042 0.653 3.637 Z M 4.289 5.961 L 4.289 18.378 L 0.366 18.378 L 0.366 5.961 Z" fill="rgba(73, 69, 69, 0.9)" height="18.378215031978065px" id="JDwK1WGLS" transform="translate(0.684 0.811)" width="4.65604857994353px"/><path d="M 10.883 1.393 C 11.739 2.321 12.166 3.595 12.166 5.218 L 12.166 12.364 L 8.439 12.364 L 8.439 5.721 C 8.439 4.903 8.227 4.267 7.803 3.815 C 7.38 3.362 6.809 3.135 6.094 3.135 C 5.379 3.135 4.808 3.361 4.385 3.815 C 3.961 4.267 3.748 4.903 3.748 5.721 L 3.748 12.364 L 0 12.364 L 0 0.131 L 3.748 0.131 L 3.748 1.754 C 4.128 1.213 4.64 0.786 5.283 0.471 C 5.926 0.157 6.649 0 7.453 0 C 8.885 0 10.029 0.464 10.883 1.393 Z" fill="rgba(73, 69, 69, 0.9)" height="12.364378571428572px" id="GM5cfIPij" transform="translate(7.152 6.606)" width="12.165857142857135px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 20" xmlns="http://www.w3.org/2000/svg"><path d="M 13.834 11.037 C 13.347 10.435 12.79 9.974 12.166 9.662 C 12.718 9.331 13.192 8.924 13.585 8.44 C 14.245 7.623 14.581 6.598 14.581 5.394 C 14.581 4.388 14.312 3.465 13.781 2.649 C 13.251 1.834 12.463 1.179 11.437 0.703 C 10.433 0.236 9.222 0 7.844 0 L 0 0 L 0 20 L 8.204 20 C 9.548 20 10.748 19.758 11.77 19.282 C 12.812 18.797 13.624 18.119 14.181 17.269 C 14.74 16.415 15.024 15.445 15.024 14.386 C 15.024 13.144 14.624 12.017 13.834 11.037 Z M 9.668 7.392 C 9.183 7.78 8.475 7.977 7.567 7.977 L 4.174 7.977 L 4.174 3.546 L 7.567 3.546 C 8.471 3.546 9.175 3.749 9.66 4.152 C 10.125 4.538 10.35 5.07 10.35 5.775 C 10.35 6.48 10.127 7.026 9.668 7.392 Z M 4.174 11.525 L 7.816 11.525 C 8.769 11.525 9.503 11.754 10.058 12.224 C 10.59 12.675 10.848 13.274 10.848 14.056 C 10.848 14.839 10.609 15.391 10.115 15.803 C 9.603 16.231 8.867 16.448 7.926 16.448 L 4.174 16.448 Z" fill="rgba(73, 69, 69, 0.9)" height="20px" id="PASeFcOz0" width="15.0242px"/><path d="M 14.23 3.579 C 13.598 2.452 12.704 1.563 11.57 0.939 C 10.439 0.316 9.13 0 7.687 0 C 6.243 0 4.837 0.325 3.678 0.966 C 2.516 1.609 1.602 2.533 0.963 3.716 C 0.324 4.898 0 6.285 0 7.838 C 0 9.391 0.333 10.78 0.992 11.959 C 1.652 13.14 2.573 14.07 3.735 14.721 C 4.894 15.371 6.224 15.701 7.689 15.701 C 9.487 15.701 11.015 15.249 12.231 14.36 C 13.447 13.471 14.299 12.313 14.763 10.921 L 14.797 10.822 L 11.239 10.822 L 11.217 10.865 C 10.533 12.234 9.346 12.927 7.687 12.927 C 6.531 12.927 5.543 12.565 4.748 11.854 C 3.974 11.159 3.529 10.23 3.425 9.089 L 15.059 9.089 L 15.069 9.025 C 15.144 8.566 15.181 8.047 15.181 7.483 C 15.181 6.019 14.861 4.706 14.23 3.579 Z M 4.803 3.78 C 5.561 3.112 6.484 2.775 7.547 2.775 C 8.722 2.775 9.721 3.118 10.515 3.796 C 11.288 4.454 11.698 5.339 11.733 6.424 L 3.458 6.424 C 3.615 5.322 4.068 4.433 4.805 3.782 Z" fill="rgba(73, 69, 69, 0.9)" height="15.700610000000001px" id="FgkNp2HDN" transform="translate(16.819 4.113)" width="15.1811px"/><path d="M 7.749 0 L 0 0 L 0 1.813 L 7.749 1.813 Z" fill="rgba(73, 69, 69, 0.9)" height="1.812746px" id="EhuJk3yB4" transform="translate(20.534 0.459)" width="7.749400000000001px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 8" xmlns="http://www.w3.org/2000/svg"><path d="M 0 0 L 14.222 0 M 0 7.111 L 14.222 7.111" fill="transparent" height="7.111111164093018px" id="qljBQH6Xt" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.78" stroke="rgb(73, 69, 69)" transform="translate(0.889 0.444)" width="14.222222223877907px"/></svg>)
The Art Room
UI/UX Design • Branding
Design UI/UX pour une application de galerie d’art virtuelle
Processus de conception
Empathie
Définition
Idéation
Prototypage
Test
Empathie
1
Persona
Julia
âge
29
éducation
Universitaire
Statut
Un partenaire et un chat
Occupation
Infirmière
Location
Québec
technologie
Avancé
J'adore la relation d'aide dans mon travail. Lorsque j'ai un moment libre pour moi, j'apprécie de le passer à la maison. J'aime me divertir à travers les arts.
Personnalité
Extravertie
Sensible
Travaillante
Plateforme
Mobile
Bio
Jeune professionnelle dédiée avec un horaire chargé, Julia est une personne courageuse et généreuse. Elle ne manque pas une occasion de contribuer à sa communauté et d'aider son prochain. Autre son intérêt pour la relation d'aide et l'humain, sa sensibilité s'étend aux arts, notamment visuels.
Elle cherche à découvrir les arts locaux dont des oeuvres qu'elle pourrait afficher dans sa maison. Elle aimerait pouvoir le faire de chez elle, sans ne rien manquer.
Besoins essentiels
•
Aimerait pouvoir découvrir des oeuvres d'arts sans les contraintes de temps et de distance
•
Intessée à découvrir de nouveaux artistes.
Frustrations
•
Son horaire de travail est demandant et elle n'a pas souvent le temps ni l'énergie pour sortir faire d'autres activités.
•
Elle cherche à garnir ses murs de pièces d'arts.
Carte expérience utilisateur
Définition
2
Sitemap
Points de friction
01
flexibilité
Les utilisateurs veulent bénéficier de flexibilité tout en ayant une excellente expérience en ligne.
02
simplicité
Les utilisateurs veulent interagir avec une interface facile à comprendre et utiliser.
03
sécurité
Les utilisateurs veulent une app qu'ils peuvent faire confiance et se sentir à l'aise d'utiliser.
04
persistance
Les utilisateurs veulent pouvoir sauvegarder leur progrès ou leur favoris et préférences.
Idéation
3
Wireframes
Espace pour une colonne sur mobile, puis 2 colonnes sur desktop, étant donné l'espace disponible qui diffère sur chaque.
Le menu burger sur mobile est adapté à la largeur d'écran.
Prototypage
4
Prototypes basse fidélité
J'ai porté une attention à la clarté des boutons de navigation et que chaque action soit cohérente avec l'icône ou le libellé la représentant.
Direction artistique
Guide de style
Processus de conception
Mission
Objectif: Offrir flexibilité à l'utilisateur avec la technologie pour rendre l'art accessible, tout en reflétant le plus possible l'expérience qu'ils auraient dans une galerie d'art « brick and mortar », même à travers leur écran.
Solution: L'application de visite de galerie d'art virtuelle permettra aux utilisateurs de découvrir et acheter de nouvelles oeuvres d'art locales, ce qui aidera les professionnels occupés intéressée à les découvrir de manière flexible et immersive.
Aperçu du produit
Cette application offre l'expérience immersive d'une visite de galerie d'art virtuelle.
Ciblant les professionnels occupés qui souhaitent découvrir et acheter de l'art local, à distance.
Mon rôle
UI/UX Designer
Responsabilités
Conception
Recherche UX
Direction artistique
Tests
5
Étude d'utilisabilité
Paramètres
Type d’étude:
Non modérée
Location:
Canada, à distance
Participants:
4 participants
Durée:
20 minutes
Déroulement
Intro
Parcours: faire une visite de la galerie d'art virtuelle
Retour sur l’exercice et échange
Découvertes
01
Navigation
M'assurer que la navigation contribue à une expérience utilisateur positive.
02
Branding
L'identité visuelle devrait se démarquer, briller et être cohérente avec le produit.
03
CTAs
Guider l'utilisateur avec des boutons CTA (call to action) afin que leurs options soient faciles à identifier.
Résultat