\n
T\u00e9l\u00e9chargez Justinmind et am\u00e9liorez vos capacit\u00e9s de prototypage collaboratif !<\/span><\/h2>\nT\u00e9l\u00e9charger gratuitement<\/a><\/p>\n
\n<\/div>\nSiraj a pass\u00e9 les 14 derni\u00e8res ann\u00e9es \u00e0 cr\u00e9er des exp\u00e9riences num\u00e9riques exceptionnelles sur le web, les tablettes, les mobiles et les applications natives et a d\u00e9velopp\u00e9 une compr\u00e9hension concr\u00e8te de la technologie allant de la strat\u00e9gie UX et de la conception de produits jusqu’au cycle de vie du d\u00e9veloppement logiciel. Il est \u00e9galement membre de l’Interaction Design Foundation<\/a>. Dipl\u00f4m\u00e9 en ing\u00e9nierie informatique, il a commenc\u00e9 comme d\u00e9veloppeur, puis comme chef de produit, et conna\u00eet donc la douleur d’un briefing inappropri\u00e9.<\/p>\n\u00ab\u00a0J’aurais aim\u00e9 avoir un prototype hi-fi il y a dix ans. C’est tr\u00e8s utile pour les clients comme pour les d\u00e9veloppeurs, car cela permet \u00e0 chacun de visualiser les besoins.\u00a0\u00bb<\/p><\/blockquote>\n
Pr\u00e9sentation de Justinmind par Siraj<\/h2>\n
Chez Ampersand et Ampersand<\/a>, Siraj a travaill\u00e9 avec divers clients de premier plan, dont Sony, BBH et HTC, pour proposer des exp\u00e9riences prim\u00e9es. Siraj \u00e9tait l’un des quatre associ\u00e9s lors de la cr\u00e9ation de l’entreprise. Le prototypage et le wireframing ont \u00e9t\u00e9 au premier plan du processus d\u00e8s le d\u00e9but. Siraj explique que le d\u00e9veloppement n’a jamais lieu tant que le design et les exigences ne sont pas d\u00e9finis avec pr\u00e9cision. Cependant, au d\u00e9but, les processus d’Ampersand impliquaient une documentation abondante associ\u00e9e \u00e0 des wireframes de faible fid\u00e9lit\u00e9 et \u00e0 des prototypes bas\u00e9s sur HTML. Lorsque l’\u00e9quipe a commenc\u00e9 \u00e0 s’int\u00e9resser aux outils haute fid\u00e9lit\u00e9 il y a trois ans, elle a trouv\u00e9 que Justinmind \u00e9tait particuli\u00e8rement convivial. Et apr\u00e8s avoir introduit Justinmind dans le premier projet, ils n’ont pas regard\u00e9 en arri\u00e8re. Pour Siraj et son \u00e9quipe, l’aspect le plus impressionnant de l’outil de prototypage est l’intuitivit\u00e9 de l’UX et la facilit\u00e9 d’interaction avec l’UI. <\/p>\n\u00ab\u00a0J’aime le fait que l’on vous pr\u00e9sente une toile vierge, mais avec un ensemble complet d’outils \u00e0 votre disposition.<\/p><\/blockquote>\n
Flux de travail d’Ampersand et d’Ampersand avec Justinmind<\/h2>\n\n- Atelier, analyse et sketching sur papier avec les clients<\/li>\n
- Diagramme de flux de l’\u00e9cran<\/li>\n
- Wireframes num\u00e9riques avec Justinmind<\/li>\n
- Contr\u00f4le des changements, documents de sp\u00e9cifications fonctionnelles et captures d’\u00e9cran afin de fournir une documentation visuelle aux d\u00e9veloppeurs.<\/li>\n
- It\u00e9rations<\/li>\n
- Tests aupr\u00e8s des utilisateurs<\/li>\n
- Design UI : Les designers utilisent Sketch et Adobe pour le design apr\u00e8s la phase de prototypage<\/li>\n
- D\u00e9veloppement du produit final<\/li>\n<\/ol>\n
Le prototypage Justinmind en action chez Ampersand et Ampersand<\/h2>\n
L’application Jiggster avec BBH<\/strong><\/p>\nSiraj a cr\u00e9\u00e9 Jiggster<\/a>, une application de march\u00e9 de jeux vid\u00e9o pour Android, \u00e0 l’\u00e9poque o\u00f9 le jeu vid\u00e9o Grand Theft Auto V \u00e9tait sur le point de sortir. L’application devait permettre aux utilisateurs de cr\u00e9er leur propre pile de jeux : y compris une liste de jeux souhait\u00e9s ainsi qu’une liste de jeux que vous aimeriez vendre. <\/strong> \u00c0 ce stade, les contr\u00f4les Javascript pour Android n’\u00e9taient pas aussi avanc\u00e9s que pour iOS. Par cons\u00e9quent, lors de la conception de l’application de place de march\u00e9 de jeux vid\u00e9o, Siraj a d\u00fb improviser. Il a utilis\u00e9 l’API de Justinmind pour simuler des fonctions, telles que des boutons interactifs, du syst\u00e8me d’exploitation Android, et a pu donner un prototype haute-fid\u00e9lit\u00e9. Pouvoir d\u00e9montrer la pr\u00e9cision de votre design est tellement important pour les jeux en ligne et les jeux vid\u00e9o, o\u00f9 les graphismes sont ce qui fait vendre. Pour en savoir plus sur Jiggster, regardez cette vid\u00e9o sur YouTube<\/a>. <\/p>\n![\"prototypage](\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/09\/prototyping-the-complete-experience-with-siraj-salim-jiggster.png\")
Jiggster, la place de march\u00e9 de jeux vid\u00e9o pour Android<\/p><\/div>\n
L’application SPLYT pour les taxis<\/h2>\n
Le wireframe du taxi SPLYT a \u00e9t\u00e9 r\u00e9alis\u00e9 en niveaux de gris. Pour cette application, Siraj a d\u00fb faire tenir l’ensemble de l’application sur la m\u00eame page. <\/p>\n
![\"prototypage](\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/09\/prototyping-the-complete-experience-with-siraj-salim-splyt-cab-app.png\")
Wireframe de l’application mobile SPLYT taxi<\/p><\/div>\n
Site web mobile de TedX Clapham<\/h2>\n
Notre d\u00e9fi consistait \u00e0 cr\u00e9er une plateforme permettant aux orateurs d’interagir avec le public et de recueillir ses r\u00e9actions en temps r\u00e9el lors de chaque discussion. Pour leur projet TedX Clapham<\/a>, l’\u00e9quipe d’Ampersand and Ampersand a d\u00e9cid\u00e9 qu’un site web mobile et r\u00e9actif serait le meilleur moyen de montrer l’interaction lors de l’\u00e9v\u00e9nement d’une journ\u00e9e. Tous les membres de l’auditoire ont pu utiliser l’application sur les appareils mobiles, quel que soit le syst\u00e8me d’exploitation.<\/p>\n![\"prototypage](\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/09\/prototyping-the-complete-experience-with-siraj-salim-tedx-clapham.png\")
Prototype d’application mobile responsive pour TedX Clapham<\/p><\/div>\n
‘Nous avons design\u00e9 les pages interactives pour qu’elles s’alignent sur la c\u00e9l\u00e8bre marque TedX et pour garantir un temps de chargement rapide et une interface transparente et conviviale<\/p><\/blockquote>\n
.’
\nPendant que chaque orateur pr\u00e9sentait, le public recevait des profils et des mises \u00e0 jour en direct via leur application TedX. Ensuite, ils ont \u00e9t\u00e9 invit\u00e9s \u00e0 remplir une section de l’interface contenant des questions \u00e0 choix multiples et des r\u00e9ponses afin de permettre aux organisateurs de savoir ce que le public avait retenu de chaque exp\u00e9rience. Ces r\u00e9ponses ont \u00e9t\u00e9 collect\u00e9es \u00e0 la fin de chaque intervention et affich\u00e9es lors de l’\u00e9v\u00e9nement afin d’encourager l’interaction entre le public et le conf\u00e9rencier. <\/p>\n
Application sant\u00e9<\/h2>\n
Il s’agit d’un prototype que Siraj a con\u00e7u pour un prestataire de soins de sant\u00e9, un projet ind\u00e9pendant d’Ampersand et d’Ampersand. Lors du design avec Justinmind, Siraj a veill\u00e9 \u00e0 ne pas submerger l’utilisateur avec trop de fonctionnalit\u00e9s. Fonctionnalit\u00e9 de connexion unique pour une application de sant\u00e9. Le prototype comprend un carrousel interactif<\/a>, des effets de transition, des barres de d\u00e9filement, des vid\u00e9os int\u00e9gr\u00e9es et une barre de recherche filtrable et sensible aux caract\u00e8res. Siraj a utilis\u00e9 l’analyse de la route rouge pour la facilit\u00e9 d’utilisation et pour identifier les fonctionnalit\u00e9s. <\/p>\n![\"prototypage](\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/09\/prototyping-the-complete-experience-with-siraj-salim-healthcare-app.png\")
Prototype d’application mobile de sant\u00e9 haute-fid\u00e9lit\u00e9<\/p><\/div>\n
Les avantages pour Siraj et son \u00e9quipe<\/h2>\nPaquet complet<\/h3>\n
Les capacit\u00e9s de design de Justinmind permettent \u00e0 Siraj de cr\u00e9er un produit final soign\u00e9 qui ressemble et agit comme la r\u00e9alit\u00e9. Il estime que l’interface offre la meilleure exp\u00e9rience utilisateur qu’un outil puisse offrir pour cr\u00e9er des exp\u00e9riences \u00e9tonnantes. \u00ab\u00a0Son interface utilisateur est vraiment puissante et magique : elle ne vous d\u00e9range pas lorsque vous avez besoin d’une toile vierge et elle est l\u00e0 lorsque vous avez besoin de la bo\u00eete \u00e0 outils robuste qu’elle offre.<\/em><\/p>\n\n- Les \u00e9l\u00e9ments d’UI pour iOS et Android signifient que vous pouvez maintenir la coh\u00e9rence avec les normes de l’industrie des syst\u00e8mes d’exploitation.<\/li>\n
- Le prototypage haute fid\u00e9lit\u00e9 vous permet de montrer \u00e0 l’\u00e9quipe exactement comment vous souhaitez que le produit final soit r\u00e9alis\u00e9. C’est particuli\u00e8rement important pour faciliter le passage du design au d\u00e9veloppement<\/strong>. Le syst\u00e8me d’\u00e9v\u00e9nements<\/a> permet de rendre nos designs interactifs. Lorsque Siraj a d\u00fb montrer des \u00e9crans li\u00e9s \u00e0 un design, il a pu d\u00e9montrer les transitions tout au long du prototype dans l’\u00e9cran de simulation. <\/li>\n
- Gr\u00e2ce \u00e0 Expression builder<\/a>, Siraj a pu cr\u00e9er des prototypes interactifs complexes et utiliser des donn\u00e9es r\u00e9elles gr\u00e2ce au prototypage guid\u00e9 par les donn\u00e9es pour les rendre encore plus authentiques. Saviez-vous que vous pouviez tester vos prototypes avec des donn\u00e9es r\u00e9elles sur des appareils r\u00e9els ? <\/li>\n
- Gr\u00e2ce aux mod\u00e8les<\/a>, l’\u00e9quipe a pu r\u00e9utiliser le contenu \u00e0 travers les \u00e9crans pour garantir la coh\u00e9rence de l’ensemble du contenu. Avec l’utilisation de masters<\/a>, ils ont pu it\u00e9rer leurs prototypes et propager des changements globaux rapidement et efficacement \u00e0 travers le cadre de conception. <\/li>\n<\/ul>\n
Contr\u00f4le de la qualit\u00e9<\/h3>\n
Justinmind a permis \u00e0 l’\u00e9quipe de Siraj d’exp\u00e9rimenter rapidement des id\u00e9es et de proposer des solutions efficaces aux clients dans les d\u00e9lais impartis. Les it\u00e9rations \u00e0 l’\u00e9cran sont rapides et faciles \u00e0 r\u00e9aliser, ce qui permet \u00e0 Siraj d’obtenir efficacement les commentaires des utilisateurs. Les it\u00e9rations avec historique des versions et journaux d’historique ont aid\u00e9 Siraj \u00e0 maintenir la qualit\u00e9 et le contr\u00f4le des changements tout au long du processus de design. Pour certains de ces clients, l’analyse des risques est extr\u00eamement pr\u00e9cieuse. <\/p>\n
Int\u00e9gration avec des outils tiers et tests utilisateurs<\/h3>\n
De plus, selon Siraj, les tests utilisateurs sont l’un des atouts majeurs de Justinmind. Il a test\u00e9 quelques prototypes avec des professionnels de la sant\u00e9 et a \u00e9t\u00e9 surpris par leurs commentaires, qui aident r\u00e9ellement l’\u00e9quipe \u00e0 fa\u00e7onner le produit. <\/p>\n
\n- Tests utilisateurs avec Validately<\/a> et it\u00e9rations. Gr\u00e2ce au partenariat entre Justinmind et Validately, vous pouvez le faire directement depuis votre compte de services en ligne, en cliquant simplement sur le bouton Cr\u00e9er un nouveau test utilisateur<\/em><\/strong>. <\/li>\n
- Gr\u00e2ce \u00e0 l’API de Justinmind, l’\u00e9quipe a pu int\u00e9grer les processus et outils internes de ses clients.<\/li>\n<\/ul>\n
Int\u00e9grer Justinmind dans les processus des clients<\/h2>\n
Justinmind fait le lien entre le client et l’ensemble de l’\u00e9quipe d’ex\u00e9cution – ce qui inclut le design, l’analyse commerciale, l’assurance qualit\u00e9, le produit et le d\u00e9veloppement. Gr\u00e2ce \u00e0 nos fonctions de travail en \u00e9quipe<\/a>, les \u00e9quipes peuvent travailler simultan\u00e9ment sur des prototypes, partager des id\u00e9es et les traduire en solutions significatives. L’\u00e9quipe frontale a la possibilit\u00e9 de visualiser les transitions et de cr\u00e9er des ressources en cons\u00e9quence. L’\u00e9quipe backend sait comment passer d’un \u00e9cran \u00e0 l’autre dans le cas d’un mobile et comment afficher les r\u00e9sultats lors d’une recherche. De plus, gr\u00e2ce \u00e0 nos fonctions de partage, Siraj a pu envoyer des liens publics et priv\u00e9s pour que les clients puissent examiner et commenter les prototypes. De nombreux clients de Siraj sont des startups \u00e0 la recherche d’investissements. Le fait de pouvoir pr\u00e9senter des mod\u00e8les visuels de leurs designs aide ces clients \u00e0 obtenir des investissements. <\/p>\n\u00ab\u00a0Ils peuvent voir comment le produit va fonctionner avant m\u00eame d’investir un seul centime dans le d\u00e9veloppement. La fonctionnalit\u00e9 de r\u00e9vision de Justinmind est vraiment utile \u00e0 cet \u00e9gard : elle me permet d’offrir une exp\u00e9rience \u00e0 360 degr\u00e9s de nos designs \u00e0 nos clients. De la conception \u00e0 la livraison<\/strong>. Siraj <\/p><\/blockquote>\nR\u00e9alisation de l’id\u00e9e initiale avec Justinmind<\/strong><\/h2>\nSiraj reconna\u00eet qu’il n’est pas toujours id\u00e9al d’utiliser du papier lorsque vous essayez de r\u00e9aliser le v\u00e9ritable potentiel commercial de votre produit ou de votre id\u00e9e. Oui, le papier peut \u00eatre un \u00e9l\u00e9ment important du processus de design, mais la plupart du temps, vos clients et votre \u00e9quipe auront besoin de plus pour visualiser le r\u00e9sultat final. Qu’il s’agisse d’un produit enti\u00e8rement fonctionnel ou d’un \u00e9cran qui n\u00e9cessite une description rapide de son fonctionnement, l’exploration de l’interaction et de la fonctionnalit\u00e9 au stade du prototypage peut vraiment faire la diff\u00e9rence lors de la pr\u00e9sentation d’une id\u00e9e. Siraj sur le prototypage haute fid\u00e9lit\u00e9 : \u00a0\u00bb <\/p>\n
Gr\u00e2ce au niveau de d\u00e9tail que nous pouvons apporter au prototype, je peux produire une documentation tr\u00e8s visuelle pour l’\u00e9quipe, en mettant en \u00e9vidence les domaines et la logique commerciale qui les sous-tend. Cela r\u00e9duit la documentation que vous auriez d\u00fb faire autrement. <\/em>.\u00a0\u00bb<\/p>\n <\/p>\n
Quelle est la prochaine \u00e9tape pour Siraj ?<\/strong> Il souhaite commencer \u00e0 utiliser la simulation de sc\u00e9narios afin de pouvoir proposer \u00e0 ses clients et aux parties prenantes une visite encore plus compl\u00e8te de ses produits. Pour Siraj, l’exp\u00e9rience finale est essentielle. Il comprend qu’un design et une mise en \u0153uvre simples, significatifs et conviviaux sont essentiels \u00e0 une grande exp\u00e9rience utilisateur, et c’est pourquoi il cr\u00e9e toujours ses prototypes avec Justinmind : l’exp\u00e9rience compl\u00e8te. <\/p>\n\u00ab\u00a0Justinmind vous permet non seulement de cr\u00e9er de superbes exp\u00e9riences utilisateur, mais il a en fait \u00e9t\u00e9 con\u00e7u en pensant \u00e0 ses utilisateurs.\u00a0\u00bb Siraj <\/p><\/blockquote>\n
Merci \u00e0 Siraj d’avoir partag\u00e9 son exp\u00e9rience de prototypage avec nous ! Comme toujours, nous serions ravis de conna\u00eetre votre histoire avec Justinmind ! Prenez contact avec nous !<\/a><\/em>![\"T\u00e9l\u00e9charger](\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free.png\")
<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"La r\u00e9alit\u00e9 virtuelle chez Ampersand et Ampersand : cr\u00e9er des exp\u00e9riences num\u00e9riques sur le web, les tablettes, les mobiles et les applications natives qui semblent aussi…<\/p>\n","protected":false},"author":11,"featured_media":91235,"parent":0,"menu_order":0,"template":"","tags":[44,8472,8502,8503,8519],"content_category":[],"class_list":["post-125124","tc_content_pillar","type-tc_content_pillar","status-publish","has-post-thumbnail","hentry","tag-legacy","tag-processus-de-design","tag-prototypage-de-logiciels","tag-wireframes-dapplications-mobiles","tag-wireframing-web"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar\/125124"}],"collection":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar"}],"about":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/types\/tc_content_pillar"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/users\/11"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar\/125124\/revisions"}],"predecessor-version":[{"id":125157,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar\/125124\/revisions\/125157"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media\/91235"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media?parent=125124"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tags?post=125124"},{"taxonomy":"content_category","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/content_category?post=125124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n<\/div>\n
Siraj a pass\u00e9 les 14 derni\u00e8res ann\u00e9es \u00e0 cr\u00e9er des exp\u00e9riences num\u00e9riques exceptionnelles sur le web, les tablettes, les mobiles et les applications natives et a d\u00e9velopp\u00e9 une compr\u00e9hension concr\u00e8te de la technologie allant de la strat\u00e9gie UX et de la conception de produits jusqu’au cycle de vie du d\u00e9veloppement logiciel. Il est \u00e9galement membre de l’Interaction Design Foundation<\/a>. Dipl\u00f4m\u00e9 en ing\u00e9nierie informatique, il a commenc\u00e9 comme d\u00e9veloppeur, puis comme chef de produit, et conna\u00eet donc la douleur d’un briefing inappropri\u00e9.<\/p>\n \u00ab\u00a0J’aurais aim\u00e9 avoir un prototype hi-fi il y a dix ans. C’est tr\u00e8s utile pour les clients comme pour les d\u00e9veloppeurs, car cela permet \u00e0 chacun de visualiser les besoins.\u00a0\u00bb<\/p><\/blockquote>\n Chez Ampersand et Ampersand<\/a>, Siraj a travaill\u00e9 avec divers clients de premier plan, dont Sony, BBH et HTC, pour proposer des exp\u00e9riences prim\u00e9es. Siraj \u00e9tait l’un des quatre associ\u00e9s lors de la cr\u00e9ation de l’entreprise. Le prototypage et le wireframing ont \u00e9t\u00e9 au premier plan du processus d\u00e8s le d\u00e9but. Siraj explique que le d\u00e9veloppement n’a jamais lieu tant que le design et les exigences ne sont pas d\u00e9finis avec pr\u00e9cision. Cependant, au d\u00e9but, les processus d’Ampersand impliquaient une documentation abondante associ\u00e9e \u00e0 des wireframes de faible fid\u00e9lit\u00e9 et \u00e0 des prototypes bas\u00e9s sur HTML. Lorsque l’\u00e9quipe a commenc\u00e9 \u00e0 s’int\u00e9resser aux outils haute fid\u00e9lit\u00e9 il y a trois ans, elle a trouv\u00e9 que Justinmind \u00e9tait particuli\u00e8rement convivial. Et apr\u00e8s avoir introduit Justinmind dans le premier projet, ils n’ont pas regard\u00e9 en arri\u00e8re. Pour Siraj et son \u00e9quipe, l’aspect le plus impressionnant de l’outil de prototypage est l’intuitivit\u00e9 de l’UX et la facilit\u00e9 d’interaction avec l’UI. <\/p>\n \u00ab\u00a0J’aime le fait que l’on vous pr\u00e9sente une toile vierge, mais avec un ensemble complet d’outils \u00e0 votre disposition.<\/p><\/blockquote>\n L’application Jiggster avec BBH<\/strong><\/p>\n Siraj a cr\u00e9\u00e9 Jiggster<\/a>, une application de march\u00e9 de jeux vid\u00e9o pour Android, \u00e0 l’\u00e9poque o\u00f9 le jeu vid\u00e9o Grand Theft Auto V \u00e9tait sur le point de sortir. L’application devait permettre aux utilisateurs de cr\u00e9er leur propre pile de jeux : y compris une liste de jeux souhait\u00e9s ainsi qu’une liste de jeux que vous aimeriez vendre. <\/strong> \u00c0 ce stade, les contr\u00f4les Javascript pour Android n’\u00e9taient pas aussi avanc\u00e9s que pour iOS. Par cons\u00e9quent, lors de la conception de l’application de place de march\u00e9 de jeux vid\u00e9o, Siraj a d\u00fb improviser. Il a utilis\u00e9 l’API de Justinmind pour simuler des fonctions, telles que des boutons interactifs, du syst\u00e8me d’exploitation Android, et a pu donner un prototype haute-fid\u00e9lit\u00e9. Pouvoir d\u00e9montrer la pr\u00e9cision de votre design est tellement important pour les jeux en ligne et les jeux vid\u00e9o, o\u00f9 les graphismes sont ce qui fait vendre. Pour en savoir plus sur Jiggster, regardez cette vid\u00e9o sur YouTube<\/a>. <\/p>\n Jiggster, la place de march\u00e9 de jeux vid\u00e9o pour Android<\/p><\/div>\n Le wireframe du taxi SPLYT a \u00e9t\u00e9 r\u00e9alis\u00e9 en niveaux de gris. Pour cette application, Siraj a d\u00fb faire tenir l’ensemble de l’application sur la m\u00eame page. <\/p>\n Wireframe de l’application mobile SPLYT taxi<\/p><\/div>\n Notre d\u00e9fi consistait \u00e0 cr\u00e9er une plateforme permettant aux orateurs d’interagir avec le public et de recueillir ses r\u00e9actions en temps r\u00e9el lors de chaque discussion. Pour leur projet TedX Clapham<\/a>, l’\u00e9quipe d’Ampersand and Ampersand a d\u00e9cid\u00e9 qu’un site web mobile et r\u00e9actif serait le meilleur moyen de montrer l’interaction lors de l’\u00e9v\u00e9nement d’une journ\u00e9e. Tous les membres de l’auditoire ont pu utiliser l’application sur les appareils mobiles, quel que soit le syst\u00e8me d’exploitation.<\/p>\n Prototype d’application mobile responsive pour TedX Clapham<\/p><\/div>\n ‘Nous avons design\u00e9 les pages interactives pour qu’elles s’alignent sur la c\u00e9l\u00e8bre marque TedX et pour garantir un temps de chargement rapide et une interface transparente et conviviale<\/p><\/blockquote>\n .’ Il s’agit d’un prototype que Siraj a con\u00e7u pour un prestataire de soins de sant\u00e9, un projet ind\u00e9pendant d’Ampersand et d’Ampersand. Lors du design avec Justinmind, Siraj a veill\u00e9 \u00e0 ne pas submerger l’utilisateur avec trop de fonctionnalit\u00e9s. Fonctionnalit\u00e9 de connexion unique pour une application de sant\u00e9. Le prototype comprend un carrousel interactif<\/a>, des effets de transition, des barres de d\u00e9filement, des vid\u00e9os int\u00e9gr\u00e9es et une barre de recherche filtrable et sensible aux caract\u00e8res. Siraj a utilis\u00e9 l’analyse de la route rouge pour la facilit\u00e9 d’utilisation et pour identifier les fonctionnalit\u00e9s. <\/p>\n Prototype d’application mobile de sant\u00e9 haute-fid\u00e9lit\u00e9<\/p><\/div>\n Les capacit\u00e9s de design de Justinmind permettent \u00e0 Siraj de cr\u00e9er un produit final soign\u00e9 qui ressemble et agit comme la r\u00e9alit\u00e9. Il estime que l’interface offre la meilleure exp\u00e9rience utilisateur qu’un outil puisse offrir pour cr\u00e9er des exp\u00e9riences \u00e9tonnantes. \u00ab\u00a0Son interface utilisateur est vraiment puissante et magique : elle ne vous d\u00e9range pas lorsque vous avez besoin d’une toile vierge et elle est l\u00e0 lorsque vous avez besoin de la bo\u00eete \u00e0 outils robuste qu’elle offre.<\/em><\/p>\n Justinmind a permis \u00e0 l’\u00e9quipe de Siraj d’exp\u00e9rimenter rapidement des id\u00e9es et de proposer des solutions efficaces aux clients dans les d\u00e9lais impartis. Les it\u00e9rations \u00e0 l’\u00e9cran sont rapides et faciles \u00e0 r\u00e9aliser, ce qui permet \u00e0 Siraj d’obtenir efficacement les commentaires des utilisateurs. Les it\u00e9rations avec historique des versions et journaux d’historique ont aid\u00e9 Siraj \u00e0 maintenir la qualit\u00e9 et le contr\u00f4le des changements tout au long du processus de design. Pour certains de ces clients, l’analyse des risques est extr\u00eamement pr\u00e9cieuse. <\/p>\n De plus, selon Siraj, les tests utilisateurs sont l’un des atouts majeurs de Justinmind. Il a test\u00e9 quelques prototypes avec des professionnels de la sant\u00e9 et a \u00e9t\u00e9 surpris par leurs commentaires, qui aident r\u00e9ellement l’\u00e9quipe \u00e0 fa\u00e7onner le produit. <\/p>\n Justinmind fait le lien entre le client et l’ensemble de l’\u00e9quipe d’ex\u00e9cution – ce qui inclut le design, l’analyse commerciale, l’assurance qualit\u00e9, le produit et le d\u00e9veloppement. Gr\u00e2ce \u00e0 nos fonctions de travail en \u00e9quipe<\/a>, les \u00e9quipes peuvent travailler simultan\u00e9ment sur des prototypes, partager des id\u00e9es et les traduire en solutions significatives. L’\u00e9quipe frontale a la possibilit\u00e9 de visualiser les transitions et de cr\u00e9er des ressources en cons\u00e9quence. L’\u00e9quipe backend sait comment passer d’un \u00e9cran \u00e0 l’autre dans le cas d’un mobile et comment afficher les r\u00e9sultats lors d’une recherche. De plus, gr\u00e2ce \u00e0 nos fonctions de partage, Siraj a pu envoyer des liens publics et priv\u00e9s pour que les clients puissent examiner et commenter les prototypes. De nombreux clients de Siraj sont des startups \u00e0 la recherche d’investissements. Le fait de pouvoir pr\u00e9senter des mod\u00e8les visuels de leurs designs aide ces clients \u00e0 obtenir des investissements. <\/p>\n \u00ab\u00a0Ils peuvent voir comment le produit va fonctionner avant m\u00eame d’investir un seul centime dans le d\u00e9veloppement. La fonctionnalit\u00e9 de r\u00e9vision de Justinmind est vraiment utile \u00e0 cet \u00e9gard : elle me permet d’offrir une exp\u00e9rience \u00e0 360 degr\u00e9s de nos designs \u00e0 nos clients. De la conception \u00e0 la livraison<\/strong>. Siraj <\/p><\/blockquote>\n Siraj reconna\u00eet qu’il n’est pas toujours id\u00e9al d’utiliser du papier lorsque vous essayez de r\u00e9aliser le v\u00e9ritable potentiel commercial de votre produit ou de votre id\u00e9e. Oui, le papier peut \u00eatre un \u00e9l\u00e9ment important du processus de design, mais la plupart du temps, vos clients et votre \u00e9quipe auront besoin de plus pour visualiser le r\u00e9sultat final. Qu’il s’agisse d’un produit enti\u00e8rement fonctionnel ou d’un \u00e9cran qui n\u00e9cessite une description rapide de son fonctionnement, l’exploration de l’interaction et de la fonctionnalit\u00e9 au stade du prototypage peut vraiment faire la diff\u00e9rence lors de la pr\u00e9sentation d’une id\u00e9e. Siraj sur le prototypage haute fid\u00e9lit\u00e9 : \u00a0\u00bb <\/p>\n Gr\u00e2ce au niveau de d\u00e9tail que nous pouvons apporter au prototype, je peux produire une documentation tr\u00e8s visuelle pour l’\u00e9quipe, en mettant en \u00e9vidence les domaines et la logique commerciale qui les sous-tend. Cela r\u00e9duit la documentation que vous auriez d\u00fb faire autrement. <\/em>.\u00a0\u00bb<\/p>\n <\/p>\n Quelle est la prochaine \u00e9tape pour Siraj ?<\/strong> Il souhaite commencer \u00e0 utiliser la simulation de sc\u00e9narios afin de pouvoir proposer \u00e0 ses clients et aux parties prenantes une visite encore plus compl\u00e8te de ses produits. Pour Siraj, l’exp\u00e9rience finale est essentielle. Il comprend qu’un design et une mise en \u0153uvre simples, significatifs et conviviaux sont essentiels \u00e0 une grande exp\u00e9rience utilisateur, et c’est pourquoi il cr\u00e9e toujours ses prototypes avec Justinmind : l’exp\u00e9rience compl\u00e8te. <\/p>\n \u00ab\u00a0Justinmind vous permet non seulement de cr\u00e9er de superbes exp\u00e9riences utilisateur, mais il a en fait \u00e9t\u00e9 con\u00e7u en pensant \u00e0 ses utilisateurs.\u00a0\u00bb Siraj <\/p><\/blockquote>\n Merci \u00e0 Siraj d’avoir partag\u00e9 son exp\u00e9rience de prototypage avec nous ! Comme toujours, nous serions ravis de conna\u00eetre votre histoire avec Justinmind ! Prenez contact avec nous !<\/a><\/em> La r\u00e9alit\u00e9 virtuelle chez Ampersand et Ampersand : cr\u00e9er des exp\u00e9riences num\u00e9riques sur le web, les tablettes, les mobiles et les applications natives qui semblent aussi…<\/p>\n","protected":false},"author":11,"featured_media":91235,"parent":0,"menu_order":0,"template":"","tags":[44,8472,8502,8503,8519],"content_category":[],"class_list":["post-125124","tc_content_pillar","type-tc_content_pillar","status-publish","has-post-thumbnail","hentry","tag-legacy","tag-processus-de-design","tag-prototypage-de-logiciels","tag-wireframes-dapplications-mobiles","tag-wireframing-web"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar\/125124"}],"collection":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar"}],"about":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/types\/tc_content_pillar"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/users\/11"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar\/125124\/revisions"}],"predecessor-version":[{"id":125157,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tc_content_pillar\/125124\/revisions\/125157"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media\/91235"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media?parent=125124"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tags?post=125124"},{"taxonomy":"content_category","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/content_category?post=125124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Pr\u00e9sentation de Justinmind par Siraj<\/h2>\n
Flux de travail d’Ampersand et d’Ampersand avec Justinmind<\/h2>\n
\n
Le prototypage Justinmind en action chez Ampersand et Ampersand<\/h2>\n
L’application SPLYT pour les taxis<\/h2>\n
Site web mobile de TedX Clapham<\/h2>\n
\nPendant que chaque orateur pr\u00e9sentait, le public recevait des profils et des mises \u00e0 jour en direct via leur application TedX. Ensuite, ils ont \u00e9t\u00e9 invit\u00e9s \u00e0 remplir une section de l’interface contenant des questions \u00e0 choix multiples et des r\u00e9ponses afin de permettre aux organisateurs de savoir ce que le public avait retenu de chaque exp\u00e9rience. Ces r\u00e9ponses ont \u00e9t\u00e9 collect\u00e9es \u00e0 la fin de chaque intervention et affich\u00e9es lors de l’\u00e9v\u00e9nement afin d’encourager l’interaction entre le public et le conf\u00e9rencier. <\/p>\nApplication sant\u00e9<\/h2>\n
Les avantages pour Siraj et son \u00e9quipe<\/h2>\n
Paquet complet<\/h3>\n
\n
Contr\u00f4le de la qualit\u00e9<\/h3>\n
Int\u00e9gration avec des outils tiers et tests utilisateurs<\/h3>\n
\n
Int\u00e9grer Justinmind dans les processus des clients<\/h2>\n
R\u00e9alisation de l’id\u00e9e initiale avec Justinmind<\/strong><\/h2>\n
<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"