{"id":1099,"date":"2023-01-17T14:55:36","date_gmt":"2023-01-17T14:55:36","guid":{"rendered":"http:\/\/15.237.72.197\/?post_type=portfolio&p=1099"},"modified":"2025-02-25T07:51:43","modified_gmt":"2025-02-25T07:51:43","slug":"trustsearch","status":"publish","type":"portfolio","link":"https:\/\/whatzhat.com\/en\/portfolio\/trustsearch\/","title":{"rendered":"TrustSearch, Ux & Ui design"},"content":{"rendered":"\n

Design of Social Media<\/h1>\n\n\n\n
\n
\n

Ux & Ui design pour un moteur de recherche bas\u00e9 sur la confiance<\/h2>\n\n\n\n

TrustSearch est une plateforme de recherche bas\u00e9 sur la confiance. Par un algorithme bas\u00e9 sur la th\u00e9orie des n\u0153uds ; le fameux \u00ab\u00a0nous sommes tous \u00e0 6 n\u0153uds ou moins de Barack Obama\u00a0\u00bb ; votre r\u00e9seau et vos affinit\u00e9s, vous pouvez trouver des professionnels qui vous correspondent.<\/p>\n\n\n\n

Une fois th\u00e9oris\u00e9, ils ont eu besoin de designer leurs plateformes avant de la d\u00e9velopper.<\/p>\n<\/div><\/div>\n\n\n\n

\n \n \n \n \n
Client:<\/strong><\/td>\n TrustSearch<\/td>\n <\/tr>\n
Date:<\/strong><\/td>\n D\u00e9cembre 2019<\/td>\n <\/tr>\n
Share:<\/strong><\/td>\n \n
\n
\n \n <\/svg> \n WhatsApp <\/span>\n <\/span>\n <\/a>\n \n <\/svg> \n Facebook <\/span>\n <\/span>\n <\/a>\n \n <\/svg> \n LinkedIn <\/span>\n <\/span>\n <\/a>\n <\/div>\n<\/div>\n<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div><\/div><\/div>\n<\/div><\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n

Comprendre l\u2019Esprit d\u2019un R\u00e9seau Social Bas\u00e9 sur la Confiance<\/h2>\n\n\n\n

Pour aborder le design de plateformes sociales, il est essentiel de comprendre la logique qui sous-tend leur architecture. Dans le cas de TrustSearch, l\u2019objectif n\u2019\u00e9tait pas seulement de connecter les gens, mais de garantir que ces connexions soient v\u00e9ritablement fiables. Gr\u00e2ce \u00e0 un algorithme inspir\u00e9 de la th\u00e9orie des n\u0153uds \u2013 celle qui soutient l\u2019id\u00e9e que nous sommes tous reli\u00e9s en six degr\u00e9s ou moins \u00e0 n\u2019importe qui sur la plan\u00e8te \u2013 la plateforme vise \u00e0 rapprocher des professionnels et des utilisateurs r\u00e9ellement compatibles. Ce concept de \u00ab r\u00e9seau bas\u00e9 sur la confiance \u00bb oblige les UX designers \u00e0 r\u00e9fl\u00e9chir aux flux utilisateurs de fa\u00e7on holistique, en pla\u00e7ant au c\u0153ur de tout la cr\u00e9dibilit\u00e9 et la pertinence des r\u00e9sultats.<\/p>\n\n\n\n

Au-del\u00e0 du concept, l\u2019\u00e9quipe de TrustSearch souhaitait un socle graphique qui rassure. C\u2019est l\u00e0 qu\u2019intervient la phase de branding : d\u00e9finir les couleurs, la typographie, et l\u2019ambiance g\u00e9n\u00e9rale qui incarneront la dimension \u00ab confiance \u00bb du moteur de recherche. Lorsque l\u2019image de marque est \u00e9tablie, la plateforme peut alors entamer ses \u00e9tapes de UX & UI design.<\/strong> L\u2019optique est simple : cr\u00e9er un environnement o\u00f9 l\u2019utilisateur se sent \u00e0 la fois guid\u00e9, confiant et stimul\u00e9.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div><\/div><\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n

Cimenter l\u2019Exp\u00e9rience Utilisateur : Ux Flow, Sitemap et Wireframes<\/h2>\n\n\n\n

Une fois la charte graphique valid\u00e9e, la premi\u00e8re mission est de b\u00e2tir les fondations de l\u2019exp\u00e9rience utilisateur. Le User Flow permet de visualiser l\u2019encha\u00eenement des actions que l\u2019utilisateur effectuera pour trouver un professionnel ou un service.<\/strong> Cette cartographie recense les points d\u2019entr\u00e9e, d\u2019interaction et de sortie pour chaque profil d\u2019utilisateur. Dans un contexte de design de m\u00e9dias sociaux, ce sch\u00e9ma se r\u00e9v\u00e8le d\u2019autant plus crucial qu\u2019il faut g\u00e9rer non seulement des flux de recherche, mais \u00e9galement des fonctions de communication et de mise en relation.<\/p>\n\n\n\n

\u00c0 partir de ce User Flow, l\u2019\u00e9quipe \u00e9labore le Sitemap, autrement dit la structure de navigation. Il s\u2019agit d\u2019un inventaire complet des pages (ou \u00e9crans) n\u00e9cessaires au bon fonctionnement de la plateforme. Que l\u2019on envisage une messagerie interne, un profil d\u00e9taill\u00e9, un syst\u00e8me de notes ou de recommandations, chaque fonctionnalit\u00e9 doit avoir sa place logique. Enfin, on passe au wireframing : c\u2019est l\u2019\u00e9tape de maquettage \u00ab en fil de fer \u00bb, permettant de se concentrer sur la disposition des \u00e9l\u00e9ments (titres, boutons, blocs de texte) sans \u00eatre distrait par l\u2019aspect purement visuel. C\u2019est \u00e9galement un excellent moyen de tester et it\u00e9rer rapidement avant de s\u2019attaquer au rendu final.<\/p>\n\n\n

\n
\n\t
\n\t\t
\n\t\t\t\"Visual\n\t\t<\/div>\n\t<\/div>\n\t\t
\n\t\t\t\n
\n\n\t\t\n\t\t\t