[fusion_builder_container type= »flex » hundred_percent= »no » hundred_percent_height= »no » hundred_percent_height_scroll= »no » align_content= »stretch » flex_align_items= »flex-start » flex_justify_content= »flex-start » flex_wrap= »wrap » hundred_percent_height_center_content= »yes » equal_height_columns= »no » container_tag= »div » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » status= »published » border_style= »solid » box_shadow= »no » box_shadow_blur= »0″ box_shadow_spread= »0″ gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ background_position= »center center » background_repeat= »no-repeat » fade= »no » background_parallax= »none » enable_mobile= »no » parallax_speed= »0.3″ background_blend_mode= »none » background_slider_skip_lazy_loading= »no » background_slider_loop= »yes » background_slider_pause_on_hover= »no » background_slider_slideshow_speed= »5000″ background_slider_animation= »fade » background_slider_direction= »up » background_slider_animation_speed= »800″ video_aspect_ratio= »16:9″ video_loop= »yes » video_mute= »yes » pattern_bg= »none » pattern_bg_style= »default » pattern_bg_opacity= »100″ pattern_bg_blend_mode= »normal » mask_bg= »none » mask_bg_style= »default » mask_bg_opacity= »100″ mask_bg_transform= »left » mask_bg_blend_mode= »normal » absolute= »off » absolute_devices= »small,medium,large » sticky= »off » sticky_devices= »small-visibility,medium-visibility,large-visibility » sticky_transition_offset= »0″ scroll_offset= »0″ animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ filter_hue= »0″ filter_saturation= »100″ filter_brightness= »100″ filter_contrast= »100″ filter_invert= »0″ filter_sepia= »0″ filter_opacity= »100″ filter_blur= »0″ filter_hue_hover= »0″ filter_saturation_hover= »100″ filter_brightness_hover= »100″ filter_contrast_hover= »100″ filter_invert_hover= »0″ filter_sepia_hover= »0″ filter_opacity_hover= »100″ filter_blur_hover= »0″][fusion_builder_row][fusion_builder_column type= »1_1″ type= »1_1″ layout= »1_1″ align_self= »auto » content_layout= »column » align_content= »flex-start » valign_content= »flex-start » content_wrap= »wrap » center_content= »no » column_tag= »div » target= »_self » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » order_medium= »0″ order_small= »0″ hover_type= »none » border_style= »solid » box_shadow= »no » box_shadow_blur= »0″ box_shadow_spread= »0″ background_type= »single » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ lazy_load= »none » background_position= »left top » background_repeat= »no-repeat » background_blend_mode= »none » background_slider_skip_lazy_loading= »no » background_slider_loop= »yes » background_slider_pause_on_hover= »no » background_slider_slideshow_speed= »5000″ background_slider_animation= »fade » background_slider_direction= »up » background_slider_animation_speed= »800″ sticky= »off » sticky_devices= »small-visibility,medium-visibility,large-visibility » absolute= »off » filter_type= »regular » filter_hover_element= »self » filter_hue= »0″ filter_saturation= »100″ filter_brightness= »100″ filter_contrast= »100″ filter_invert= »0″ filter_sepia= »0″ filter_opacity= »100″ filter_blur= »0″ filter_hue_hover= »0″ filter_saturation_hover= »100″ filter_brightness_hover= »100″ filter_contrast_hover= »100″ filter_invert_hover= »0″ filter_sepia_hover= »0″ filter_opacity_hover= »100″ filter_blur_hover= »0″ transform_type= »regular » transform_hover_element= »self » transform_scale_x= »1″ transform_scale_y= »1″ transform_translate_x= »0″ transform_translate_y= »0″ transform_rotate= »0″ transform_skew_x= »0″ transform_skew_y= »0″ transform_scale_x_hover= »1″ transform_scale_y_hover= »1″ transform_translate_x_hover= »0″ transform_translate_y_hover= »0″ transform_rotate_hover= »0″ transform_skew_x_hover= »0″ transform_skew_y_hover= »0″ transition_duration= »300″ transition_easing= »ease » scroll_motion_devices= »small-visibility,medium-visibility,large-visibility » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ last= »true » border_position= »all » first= »true » min_height= » » link= » »][fusion_text animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky »]
D’après une étude de Limpide, 68 % des utilisateurs abandonnent un site web à cause d’une expérience utilisateur décevante, et 44 % en parlent autour d’eux. Face à ces chiffres, les entreprises sont de plus en plus nombreuses à intégrer l’UX dans l’interface de leurs sites web et applications. Car l’expérience vécue par l’utilisateur influence non seulement son parcours d’achat et son tunnel de conversion, mais également sa perception de la marque.
L’UX devient donc un élément clé de la stratégie digitale, applicable à tous les projets numériques. Mais peut-être vous demandez vous comment créer une expérience utilisateur sur votre site web qui soit à la fois efficace et engageante ? La première étape est cruciale : un audit UX complet en début de projet. Dans cet article, nous vous détaillerons les 7 étapes clés pour mener à bien cet l’audit UX.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container type= »flex » hundred_percent= »no » hundred_percent_height= »no » hundred_percent_height_scroll= »no » align_content= »stretch » flex_align_items= »flex-start » flex_justify_content= »flex-start » flex_wrap= »wrap » hundred_percent_height_center_content= »yes » equal_height_columns= »no » container_tag= »div » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » status= »published » border_style= »solid » box_shadow= »no » box_shadow_blur= »0″ box_shadow_spread= »0″ gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ background_position= »center center » background_repeat= »no-repeat » fade= »no » background_parallax= »none » enable_mobile= »no » parallax_speed= »0.3″ background_blend_mode= »none » background_slider_skip_lazy_loading= »no » background_slider_loop= »yes » background_slider_pause_on_hover= »no » background_slider_slideshow_speed= »5000″ background_slider_animation= »fade » background_slider_direction= »up » background_slider_animation_speed= »800″ video_aspect_ratio= »16:9″ video_loop= »yes » video_mute= »yes » pattern_bg= »none » pattern_bg_style= »default » pattern_bg_opacity= »100″ pattern_bg_blend_mode= »normal » mask_bg= »none » mask_bg_style= »default » mask_bg_opacity= »100″ mask_bg_transform= »left » mask_bg_blend_mode= »normal » absolute= »off » absolute_devices= »small,medium,large » sticky= »off » sticky_devices= »small-visibility,medium-visibility,large-visibility » sticky_transition_offset= »0″ scroll_offset= »0″ animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ filter_hue= »0″ filter_saturation= »100″ filter_brightness= »100″ filter_contrast= »100″ filter_invert= »0″ filter_sepia= »0″ filter_opacity= »100″ filter_blur= »0″ filter_hue_hover= »0″ filter_saturation_hover= »100″ filter_brightness_hover= »100″ filter_contrast_hover= »100″ filter_invert_hover= »0″ filter_sepia_hover= »0″ filter_opacity_hover= »100″ filter_blur_hover= »0″ margin_bottom= »20px »][fusion_builder_row][fusion_builder_column type= »1_1″ type= »1_1″ layout= »1_1″ align_self= »auto » content_layout= »column » align_content= »flex-start » valign_content= »flex-start » content_wrap= »wrap » center_content= »no » column_tag= »div » target= »_self » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » order_medium= »0″ order_small= »0″ hover_type= »none » border_style= »solid » box_shadow= »no » box_shadow_blur= »0″ box_shadow_spread= »0″ background_type= »single » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ lazy_load= »none » background_position= »left top » background_repeat= »no-repeat » background_blend_mode= »none » background_slider_skip_lazy_loading= »no » background_slider_loop= »yes » background_slider_pause_on_hover= »no » background_slider_slideshow_speed= »5000″ background_slider_animation= »fade » background_slider_direction= »up » background_slider_animation_speed= »800″ sticky= »off » sticky_devices= »small-visibility,medium-visibility,large-visibility » absolute= »off » filter_type= »regular » filter_hover_element= »self » filter_hue= »0″ filter_saturation= »100″ filter_brightness= »100″ filter_contrast= »100″ filter_invert= »0″ filter_sepia= »0″ filter_opacity= »100″ filter_blur= »0″ filter_hue_hover= »0″ filter_saturation_hover= »100″ filter_brightness_hover= »100″ filter_contrast_hover= »100″ filter_invert_hover= »0″ filter_sepia_hover= »0″ filter_opacity_hover= »100″ filter_blur_hover= »0″ transform_type= »regular » transform_hover_element= »self » transform_scale_x= »1″ transform_scale_y= »1″ transform_translate_x= »0″ transform_translate_y= »0″ transform_rotate= »0″ transform_skew_x= »0″ transform_skew_y= »0″ transform_scale_x_hover= »1″ transform_scale_y_hover= »1″ transform_translate_x_hover= »0″ transform_translate_y_hover= »0″ transform_rotate_hover= »0″ transform_skew_x_hover= »0″ transform_skew_y_hover= »0″ transition_duration= »300″ transition_easing= »ease » scroll_motion_devices= »small-visibility,medium-visibility,large-visibility » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ last= »true » border_position= »all » first= »true » min_height= » » link= » »][fusion_fontawesome icon= »fusion-prefix-bluem-num-1″ spin= »no » linktarget= »_self » bg_size= »-1″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ circlecolor= »var(–awb-color3) » circlebordercolor= »var(–awb-color3) » size= »25″ circlecolor_hover= »var(–awb-color3) » circlebordercolor_hover= »var(–awb-color3) » /][fusion_title title_type= »text » marquee_direction= »left » marquee_speed= »15000″ rotation_effect= »bounceIn » display_time= »1200″ highlight_effect= »circle » loop_animation= »off » highlight_width= »9″ highlight_top_margin= »0″ title_link= »off » link_target= »_self » content_align= »left » size= »2″ text_shadow= »no » text_shadow_blur= »0″ text_stroke= »no » text_stroke_size= »1″ text_overflow= »none » gradient_font= »no » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ style_type= »default » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » text_color= »#4566fc »]
Quel type d’audit UX réaliser ?
[/fusion_title][fusion_text animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky »]
Avant toute chose, il est essentiel de définir le type d’audit UX que vous aurez besoin de réaliser :
- Si votre projet nécessite une mise à jour ou une amélioration, commencez par évaluer l’expérience utilisateur actuelle. On parle d’un audit de l’existant. L’analyse des données et des performances vous permettra de repérer les aspects à améliorer et ceux à valoriser.
- S’il s’agit d’un nouveau projet, il est conseillé d’examiner d’abord l’UX de vos concurrents avant de vous concentrer sur l’UX de votre projet. On parle d’un audit UX concurrentiel.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container type= »flex » hundred_percent= »no » hundred_percent_height= »no » hundred_percent_height_scroll= »no » align_content= »stretch » flex_align_items= »flex-start » flex_justify_content= »flex-start » flex_wrap= »wrap » hundred_percent_height_center_content= »yes » equal_height_columns= »no » container_tag= »div » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » status= »published » border_style= »solid » box_shadow= »no » box_shadow_blur= »0″ box_shadow_spread= »0″ gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ background_position= »center center » background_repeat= »no-repeat » fade= »no » background_parallax= »none » enable_mobile= »no » parallax_speed= »0.3″ background_blend_mode= »none » background_slider_skip_lazy_loading= »no » background_slider_loop= »yes » background_slider_pause_on_hover= »no » background_slider_slideshow_speed= »5000″ background_slider_animation= »fade » background_slider_direction= »up » background_slider_animation_speed= »800″ video_aspect_ratio= »16:9″ video_loop= »yes » video_mute= »yes » pattern_bg= »none » pattern_bg_style= »default » pattern_bg_opacity= »100″ pattern_bg_blend_mode= »normal » mask_bg= »none » mask_bg_style= »default » mask_bg_opacity= »100″ mask_bg_transform= »left » mask_bg_blend_mode= »normal » absolute= »off » absolute_devices= »small,medium,large » sticky= »off » sticky_devices= »small-visibility,medium-visibility,large-visibility » sticky_transition_offset= »0″ scroll_offset= »0″ animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ filter_hue= »0″ filter_saturation= »100″ filter_brightness= »100″ filter_contrast= »100″ filter_invert= »0″ filter_sepia= »0″ filter_opacity= »100″ filter_blur= »0″ filter_hue_hover= »0″ filter_saturation_hover= »100″ filter_brightness_hover= »100″ filter_contrast_hover= »100″ filter_invert_hover= »0″ filter_sepia_hover= »0″ filter_opacity_hover= »100″ filter_blur_hover= »0″ margin_bottom= »32px »][fusion_builder_row][fusion_builder_column type= »1_1″ type= »1_1″ layout= »1_1″ align_self= »auto » content_layout= »column » align_content= »flex-start » valign_content= »flex-start » content_wrap= »wrap » center_content= »no » column_tag= »div » target= »_self » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » order_medium= »0″ order_small= »0″ hover_type= »none » border_style= »solid » box_shadow= »no » box_shadow_blur= »0″ box_shadow_spread= »0″ background_type= »single » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ lazy_load= »none » background_position= »left top » background_repeat= »no-repeat » background_blend_mode= »none » background_slider_skip_lazy_loading= »no » background_slider_loop= »yes » background_slider_pause_on_hover= »no » background_slider_slideshow_speed= »5000″ background_slider_animation= »fade » background_slider_direction= »up » background_slider_animation_speed= »800″ sticky= »off » sticky_devices= »small-visibility,medium-visibility,large-visibility » absolute= »off » filter_type= »regular » filter_hover_element= »self » filter_hue= »0″ filter_saturation= »100″ filter_brightness= »100″ filter_contrast= »100″ filter_invert= »0″ filter_sepia= »0″ filter_opacity= »100″ filter_blur= »0″ filter_hue_hover= »0″ filter_saturation_hover= »100″ filter_brightness_hover= »100″ filter_contrast_hover= »100″ filter_invert_hover= »0″ filter_sepia_hover= »0″ filter_opacity_hover= »100″ filter_blur_hover= »0″ transform_type= »regular » transform_hover_element= »self » transform_scale_x= »1″ transform_scale_y= »1″ transform_translate_x= »0″ transform_translate_y= »0″ transform_rotate= »0″ transform_skew_x= »0″ transform_skew_y= »0″ transform_scale_x_hover= »1″ transform_scale_y_hover= »1″ transform_translate_x_hover= »0″ transform_translate_y_hover= »0″ transform_rotate_hover= »0″ transform_skew_x_hover= »0″ transform_skew_y_hover= »0″ transition_duration= »300″ transition_easing= »ease » scroll_motion_devices= »small-visibility,medium-visibility,large-visibility » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ last= »true » border_position= »all » first= »true » margin_top= »20px » min_height= » » link= » »][fusion_fontawesome icon= »fusion-prefix-bluem-num-2″ spin= »no » linktarget= »_self » bg_size= »-1″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ circlecolor= »var(–awb-custom_color_3) » circlebordercolor= »var(–awb-custom_color_3) » size= »25″ circlecolor_hover= »var(–awb-color3) » circlebordercolor_hover= »var(–awb-color3) » /][fusion_title title_type= »text » marquee_direction= »left » marquee_speed= »15000″ rotation_effect= »bounceIn » display_time= »1200″ highlight_effect= »circle » loop_animation= »off » highlight_width= »9″ highlight_top_margin= »0″ title_link= »off » link_target= »_self » content_align= »left » size= »2″ text_shadow= »no » text_shadow_blur= »0″ text_stroke= »no » text_stroke_size= »1″ text_overflow= »none » gradient_font= »no » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ style_type= »default » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » text_color= »#4566fc »]Comprendre les utilisateurs cibles[/fusion_title][fusion_text animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » margin_bottom= »50px »]
Rassemblez des informations sur vos utilisateurs cibles en utilisant les indicateurs clés de performance (KPIs), les métriques et les fiches persona préalablement établies. Ces données vous aideront à cerner leurs besoins, préférences et comportements, et à hiérarchiser ces éléments pour chaque persona. Vous devez connaître votre cible pour créer un parcours utilisateur cohérent et adapté.
L’empathie est cruciale dans la création de ces personas. Mettez-vous à leur place, identifiez leurs attentes, touch points et frustrations lorsqu’ils naviguent sur l’interface. Plus vous peaufinez ces profils fictifs, plus votre compréhension des cibles sera précise et approfondie.
[/fusion_text][fusion_imageframe custom_aspect_ratio= »100″ lightbox= »yes » linktarget= »_self » align_medium= »none » align_small= »none » align= »none » hover_type= »none » magnify_duration= »120″ scroll_height= »100″ scroll_speed= »1″ caption_style= »off » caption_align_medium= »none » caption_align_small= »none » caption_align= »none » caption_title_tag= »2″ animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » filter_hue= »0″ filter_saturation= »100″ filter_brightness= »100″ filter_contrast= »100″ filter_invert= »0″ filter_sepia= »0″ filter_opacity= »100″ filter_blur= »0″ filter_hue_hover= »0″ filter_saturation_hover= »100″ filter_brightness_hover= »100″ filter_contrast_hover= »100″ filter_invert_hover= »0″ filter_sepia_hover= »0″ filter_opacity_hover= »100″ filter_blur_hover= »0″ image_id= »23733|full »]https://test.bluemarketing.fr/wp-content/uploads/2024/04/Modele-persona-BlueMarketing.png[/fusion_imageframe][fusion_text animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » margin_top= »20″]
Modèle de persona BlueMarketing à télécharger gratuitement ici
[/fusion_text][/fusion_builder_column][fusion_builder_column type= »1_1″ type= »1_1″ layout= »1_1″ align_self= »auto » content_layout= »column » align_content= »flex-start » valign_content= »flex-start » content_wrap= »wrap » center_content= »no » column_tag= »div » target= »_self » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » order_medium= »0″ order_small= »0″ hover_type= »none » border_style= »solid » box_shadow= »no » box_shadow_blur= »0″ box_shadow_spread= »0″ background_type= »single » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ lazy_load= »none » background_position= »left top » background_repeat= »no-repeat » background_blend_mode= »none » background_slider_skip_lazy_loading= »no » background_slider_loop= »yes » background_slider_pause_on_hover= »no » background_slider_slideshow_speed= »5000″ background_slider_animation= »fade » background_slider_direction= »up » background_slider_animation_speed= »800″ sticky= »off » sticky_devices= »small-visibility,medium-visibility,large-visibility » absolute= »off » filter_type= »regular » filter_hover_element= »self » filter_hue= »0″ filter_saturation= »100″ filter_brightness= »100″ filter_contrast= »100″ filter_invert= »0″ filter_sepia= »0″ filter_opacity= »100″ filter_blur= »0″ filter_hue_hover= »0″ filter_saturation_hover= »100″ filter_brightness_hover= »100″ filter_contrast_hover= »100″ filter_invert_hover= »0″ filter_sepia_hover= »0″ filter_opacity_hover= »100″ filter_blur_hover= »0″ transform_type= »regular » transform_hover_element= »self » transform_scale_x= »1″ transform_scale_y= »1″ transform_translate_x= »0″ transform_translate_y= »0″ transform_rotate= »0″ transform_skew_x= »0″ transform_skew_y= »0″ transform_scale_x_hover= »1″ transform_scale_y_hover= »1″ transform_translate_x_hover= »0″ transform_translate_y_hover= »0″ transform_rotate_hover= »0″ transform_skew_x_hover= »0″ transform_skew_y_hover= »0″ transition_duration= »300″ transition_easing= »ease » scroll_motion_devices= »small-visibility,medium-visibility,large-visibility » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ last= »true » border_position= »all » first= »true » margin_top= »20px » min_height= » » link= » »][fusion_fontawesome icon= »fusion-prefix-bluem-num-3″ spin= »no » linktarget= »_self » bg_size= »-1″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ circlecolor= »var(–awb-custom_color_2) » circlebordercolor= »var(–awb-custom_color_2) » size= »25″ circlecolor_hover= »var(–awb-color3) » circlebordercolor_hover= »var(–awb-color3) » /][fusion_title title_type= »text » marquee_direction= »left » marquee_speed= »15000″ rotation_effect= »bounceIn » display_time= »1200″ highlight_effect= »circle » loop_animation= »off » highlight_width= »9″ highlight_top_margin= »0″ title_link= »off » link_target= »_self » content_align= »left » size= »2″ text_shadow= »no » text_shadow_blur= »0″ text_stroke= »no » text_stroke_size= »1″ text_overflow= »none » gradient_font= »no » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ style_type= »default » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » text_color= »#4566fc »]Si nouveau projet : Analyser la concurrence[/fusion_title][fusion_text animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky »]
Si vous n’avez pas d’existant à analyser, il vous faudra étudier la concurrence. Cette étape vous aidera à comprendre les points forts et les faiblesses des produits ou services similaires, mais aussi à repérer les tendances communes dans votre secteur.
Nous vous conseillons d’examiner 2 à 3 concurrents directs pour saisir les tendances actuelles du marché et vous en inspirer :
- Quelles fonctionnalités/services proposent-ils sur leur site web ?
- Retrouvez-vous des similitudes dans le parcours ?
- Etc.
Cette approche vous permet d’évaluer votre positionnement par rapport à eux grâce à un benchmark orienté UX, tout en révélant des opportunités de positionnement.
De plus, nous vous conseillons vivement de sortir de votre secteur d’activité pour trouver de l’inspiration, notamment pour des fonctionnalités similaires. Par exemple, l’entreprise qui envisage d’intégrer un configurateur de PC personnalisé peut tout à fait s’inspirer des bonnes pratiques des configurateurs automobiles ou de pompes à chaleur.
L’inspiration est partout !
[/fusion_text][/fusion_builder_column][fusion_builder_column type= »1_1″ type= »1_1″ layout= »1_1″ align_self= »auto » content_layout= »column » align_content= »flex-start » valign_content= »flex-start » content_wrap= »wrap » center_content= »no » column_tag= »div » target= »_self » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » order_medium= »0″ order_small= »0″ hover_type= »none » border_style= »solid » box_shadow= »no » box_shadow_blur= »0″ box_shadow_spread= »0″ background_type= »single » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ lazy_load= »none » background_position= »left top » background_repeat= »no-repeat » background_blend_mode= »none » background_slider_skip_lazy_loading= »no » background_slider_loop= »yes » background_slider_pause_on_hover= »no » background_slider_slideshow_speed= »5000″ background_slider_animation= »fade » background_slider_direction= »up » background_slider_animation_speed= »800″ sticky= »off » sticky_devices= »small-visibility,medium-visibility,large-visibility » absolute= »off » filter_type= »regular » filter_hover_element= »self » filter_hue= »0″ filter_saturation= »100″ filter_brightness= »100″ filter_contrast= »100″ filter_invert= »0″ filter_sepia= »0″ filter_opacity= »100″ filter_blur= »0″ filter_hue_hover= »0″ filter_saturation_hover= »100″ filter_brightness_hover= »100″ filter_contrast_hover= »100″ filter_invert_hover= »0″ filter_sepia_hover= »0″ filter_opacity_hover= »100″ filter_blur_hover= »0″ transform_type= »regular » transform_hover_element= »self » transform_scale_x= »1″ transform_scale_y= »1″ transform_translate_x= »0″ transform_translate_y= »0″ transform_rotate= »0″ transform_skew_x= »0″ transform_skew_y= »0″ transform_scale_x_hover= »1″ transform_scale_y_hover= »1″ transform_translate_x_hover= »0″ transform_translate_y_hover= »0″ transform_rotate_hover= »0″ transform_skew_x_hover= »0″ transform_skew_y_hover= »0″ transition_duration= »300″ transition_easing= »ease » scroll_motion_devices= »small-visibility,medium-visibility,large-visibility » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ last= »true » border_position= »all » first= »true » margin_top= »20px » min_height= » » link= » »][fusion_fontawesome icon= »fusion-prefix-bluem-num-3″ spin= »no » linktarget= »_self » bg_size= »-1″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ circlecolor= »var(–awb-custom_color_2) » circlebordercolor= »var(–awb-custom_color_2) » size= »25″ circlecolor_hover= »var(–awb-color3) » circlebordercolor_hover= »var(–awb-color3) » /][fusion_title title_type= »text » marquee_direction= »left » marquee_speed= »15000″ rotation_effect= »bounceIn » display_time= »1200″ highlight_effect= »circle » loop_animation= »off » highlight_width= »9″ highlight_top_margin= »0″ title_link= »off » link_target= »_self » content_align= »left » size= »2″ text_shadow= »no » text_shadow_blur= »0″ text_stroke= »no » text_stroke_size= »1″ text_overflow= »none » gradient_font= »no » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ style_type= »default » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » text_color= »#4566fc »]
Si vous possédez déjà une plateforme : Étudier le parcours et le comportement des utilisateurs
[/fusion_title][fusion_text animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » margin_bottom= »50″]La collecte des retours d’expériences des utilisateurs permet d’analyser leur comportement et leurs interactions avec l’interface. Ces impressions et réactions sont essentielles pour évaluer l’efficacité du parcours UX.
Pour ça, vous pouvez utiliser plusieurs outils :
- Hotjar (version gratuite) : Cet outil offre une vue d’ensemble du comportement utilisateur à travers différentes fonctionnalités (heatmaps, enregistrements, sondages…)
- Google Analytics 4 (gratuit) : Utilisez la fonctionnalité « exploration de chemin » disponible dans l’onglet « Explorer » pour suivre le parcours des utilisateurs
L’emploi d’outils tels que Hotjar ou GA4 facilite l’identification des parcours utilisateurs, la collecte de données sur les interactions habituelles sur le site, ainsi que la mise en évidence des obstacles et points de friction.[/fusion_text][fusion_imageframe custom_aspect_ratio= »100″ lightbox= »yes » linktarget= »_self » align_medium= »none » align_small= »none » align= »none » hover_type= »none » magnify_duration= »120″ scroll_height= »100″ scroll_speed= »1″ caption_style= »off » caption_align_medium= »none » caption_align_small= »none » caption_align= »none » caption_title_tag= »2″ animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » filter_hue= »0″ filter_saturation= »100″ filter_brightness= »100″ filter_contrast= »100″ filter_invert= »0″ filter_sepia= »0″ filter_opacity= »100″ filter_blur= »0″ filter_hue_hover= »0″ filter_saturation_hover= »100″ filter_brightness_hover= »100″ filter_contrast_hover= »100″ filter_invert_hover= »0″ filter_sepia_hover= »0″ filter_opacity_hover= »100″ filter_blur_hover= »0″ image_id= »23732|full »]https://test.bluemarketing.fr/wp-content/uploads/2024/04/capture-ecran-hotjar.png[/fusion_imageframe][fusion_text animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » margin_top= »20″]
Interface Hotjar – Heatmap
[/fusion_text][/fusion_builder_column][fusion_builder_column type= »1_1″ type= »1_1″ layout= »1_1″ align_self= »auto » content_layout= »column » align_content= »flex-start » valign_content= »flex-start » content_wrap= »wrap » center_content= »no » column_tag= »div » target= »_self » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » order_medium= »0″ order_small= »0″ hover_type= »none » border_style= »solid » box_shadow= »no » box_shadow_blur= »0″ box_shadow_spread= »0″ background_type= »single » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ lazy_load= »none » background_position= »left top » background_repeat= »no-repeat » background_blend_mode= »none » background_slider_skip_lazy_loading= »no » background_slider_loop= »yes » background_slider_pause_on_hover= »no » background_slider_slideshow_speed= »5000″ background_slider_animation= »fade » background_slider_direction= »up » background_slider_animation_speed= »800″ sticky= »off » sticky_devices= »small-visibility,medium-visibility,large-visibility » absolute= »off » filter_type= »regular » filter_hover_element= »self » filter_hue= »0″ filter_saturation= »100″ filter_brightness= »100″ filter_contrast= »100″ filter_invert= »0″ filter_sepia= »0″ filter_opacity= »100″ filter_blur= »0″ filter_hue_hover= »0″ filter_saturation_hover= »100″ filter_brightness_hover= »100″ filter_contrast_hover= »100″ filter_invert_hover= »0″ filter_sepia_hover= »0″ filter_opacity_hover= »100″ filter_blur_hover= »0″ transform_type= »regular » transform_hover_element= »self » transform_scale_x= »1″ transform_scale_y= »1″ transform_translate_x= »0″ transform_translate_y= »0″ transform_rotate= »0″ transform_skew_x= »0″ transform_skew_y= »0″ transform_scale_x_hover= »1″ transform_scale_y_hover= »1″ transform_translate_x_hover= »0″ transform_translate_y_hover= »0″ transform_rotate_hover= »0″ transform_skew_x_hover= »0″ transform_skew_y_hover= »0″ transition_duration= »300″ transition_easing= »ease » scroll_motion_devices= »small-visibility,medium-visibility,large-visibility » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ last= »true » border_position= »all » first= »true » margin_top= »20px » min_height= » » link= » »][fusion_fontawesome icon= »fusion-prefix-bluem-num-4″ spin= »no » linktarget= »_self » bg_size= »-1″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ circlecolor= »var(–awb-custom_color_4) » circlebordercolor= »var(–awb-custom_color_4) » size= »25″ circlecolor_hover= »var(–awb-color3) » circlebordercolor_hover= »var(–awb-color3) » /][fusion_title title_type= »text » marquee_direction= »left » marquee_speed= »15000″ rotation_effect= »bounceIn » display_time= »1200″ highlight_effect= »circle » loop_animation= »off » highlight_width= »9″ highlight_top_margin= »0″ title_link= »off » link_target= »_self » content_align= »left » size= »2″ text_shadow= »no » text_shadow_blur= »0″ text_stroke= »no » text_stroke_size= »1″ text_overflow= »none » gradient_font= »no » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ style_type= »default » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » text_color= »#4566fc »]Examiner l’ergonomie[/fusion_title][fusion_text animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky »]
Cette étape vise à étudier la fluidité, l’intuitivité et la facilité de navigation/d’utilisation de la plateforme ou du site. Il prend également en compte la lisibilité et la clarté des contenus. Pour une bonne convivialité, chaque page et son contenu doivent être bien organisés, aérés et visuellement agréables pour aider les utilisateurs à mieux comprendre et retenir les informations.
[/fusion_text][/fusion_builder_column][fusion_builder_column type= »1_1″ type= »1_1″ layout= »1_1″ align_self= »auto » content_layout= »column » align_content= »flex-start » valign_content= »flex-start » content_wrap= »wrap » center_content= »no » column_tag= »div » target= »_self » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » order_medium= »0″ order_small= »0″ hover_type= »none » border_style= »solid » box_shadow= »no » box_shadow_blur= »0″ box_shadow_spread= »0″ background_type= »single » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ lazy_load= »none » background_position= »left top » background_repeat= »no-repeat » background_blend_mode= »none » background_slider_skip_lazy_loading= »no » background_slider_loop= »yes » background_slider_pause_on_hover= »no » background_slider_slideshow_speed= »5000″ background_slider_animation= »fade » background_slider_direction= »up » background_slider_animation_speed= »800″ sticky= »off » sticky_devices= »small-visibility,medium-visibility,large-visibility » absolute= »off » filter_type= »regular » filter_hover_element= »self » filter_hue= »0″ filter_saturation= »100″ filter_brightness= »100″ filter_contrast= »100″ filter_invert= »0″ filter_sepia= »0″ filter_opacity= »100″ filter_blur= »0″ filter_hue_hover= »0″ filter_saturation_hover= »100″ filter_brightness_hover= »100″ filter_contrast_hover= »100″ filter_invert_hover= »0″ filter_sepia_hover= »0″ filter_opacity_hover= »100″ filter_blur_hover= »0″ transform_type= »regular » transform_hover_element= »self » transform_scale_x= »1″ transform_scale_y= »1″ transform_translate_x= »0″ transform_translate_y= »0″ transform_rotate= »0″ transform_skew_x= »0″ transform_skew_y= »0″ transform_scale_x_hover= »1″ transform_scale_y_hover= »1″ transform_translate_x_hover= »0″ transform_translate_y_hover= »0″ transform_rotate_hover= »0″ transform_skew_x_hover= »0″ transform_skew_y_hover= »0″ transition_duration= »300″ transition_easing= »ease » scroll_motion_devices= »small-visibility,medium-visibility,large-visibility » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ last= »true » border_position= »all » first= »true » min_height= » » link= » »][fusion_title title_type= »text » marquee_direction= »left » marquee_speed= »15000″ rotation_effect= »bounceIn » display_time= »1200″ highlight_effect= »circle » loop_animation= »off » highlight_width= »9″ highlight_top_margin= »0″ title_link= »off » link_target= »_self » content_align= »left » size= »3″ text_shadow= »no » text_shadow_blur= »0″ text_stroke= »no » text_stroke_size= »1″ text_overflow= »none » gradient_font= »no » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ style_type= »default » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » text_color= »#4566fc »]
- La cohérence du design
[/fusion_title][fusion_text animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky »]
Votre interface est-elle pertinente et compréhensible pour vos visiteurs ? Pour vous en assurer, contrôlez sa cohérence visuelle.
Assurez vous que l’ensemble du site adhère à la charte graphique de la marque. Cela inclut l’utilisation cohérente de couleurs, de typographies, et d’autres éléments visuels qui caractérisent votre identité de marque.
Maintenir une harmonie dans le design sur toutes les pages favorise une navigation agréable et intuitive. Les utilisateurs apprennent et se familiarisent avec le design de votre site. Avoir des fonctionnalités similaires qui partagent la même apparence ou couleur les aide à les reconnaître rapidement, ce qui simplifie leur interaction avec votre site.
[/fusion_text][/fusion_builder_column][fusion_builder_column type= »1_1″ type= »1_1″ layout= »1_1″ align_self= »auto » content_layout= »column » align_content= »flex-start » valign_content= »flex-start » content_wrap= »wrap » center_content= »no » column_tag= »div » target= »_self » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » order_medium= »0″ order_small= »0″ hover_type= »none » border_style= »solid » box_shadow= »no » box_shadow_blur= »0″ box_shadow_spread= »0″ background_type= »single » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ lazy_load= »none » background_position= »left top » background_repeat= »no-repeat » background_blend_mode= »none » background_slider_skip_lazy_loading= »no » background_slider_loop= »yes » background_slider_pause_on_hover= »no » background_slider_slideshow_speed= »5000″ background_slider_animation= »fade » background_slider_direction= »up » background_slider_animation_speed= »800″ sticky= »off » sticky_devices= »small-visibility,medium-visibility,large-visibility » absolute= »off » filter_type= »regular » filter_hover_element= »self » filter_hue= »0″ filter_saturation= »100″ filter_brightness= »100″ filter_contrast= »100″ filter_invert= »0″ filter_sepia= »0″ filter_opacity= »100″ filter_blur= »0″ filter_hue_hover= »0″ filter_saturation_hover= »100″ filter_brightness_hover= »100″ filter_contrast_hover= »100″ filter_invert_hover= »0″ filter_sepia_hover= »0″ filter_opacity_hover= »100″ filter_blur_hover= »0″ transform_type= »regular » transform_hover_element= »self » transform_scale_x= »1″ transform_scale_y= »1″ transform_translate_x= »0″ transform_translate_y= »0″ transform_rotate= »0″ transform_skew_x= »0″ transform_skew_y= »0″ transform_scale_x_hover= »1″ transform_scale_y_hover= »1″ transform_translate_x_hover= »0″ transform_translate_y_hover= »0″ transform_rotate_hover= »0″ transform_skew_x_hover= »0″ transform_skew_y_hover= »0″ transition_duration= »300″ transition_easing= »ease » scroll_motion_devices= »small-visibility,medium-visibility,large-visibility » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ last= »true » border_position= »all » first= »true » min_height= » » link= » »][fusion_title title_type= »text » marquee_direction= »left » marquee_speed= »15000″ rotation_effect= »bounceIn » display_time= »1200″ highlight_effect= »circle » loop_animation= »off » highlight_width= »9″ highlight_top_margin= »0″ title_link= »off » link_target= »_self » content_align= »left » size= »3″ text_shadow= »no » text_shadow_blur= »0″ text_stroke= »no » text_stroke_size= »1″ text_overflow= »none » gradient_font= »no » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ style_type= »default » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » text_color= »#4566fc »]
- La pertinence des CTA (Call to action ou appel à action)
[/fusion_title][fusion_text animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky »]Les boutons d’appel à l’action (CTA) doivent être clairement visibles et bien placés sur les pages, avec des formes et des couleurs qui les font ressortir pour attirer l’attention des visiteurs. Vous pouvez envisager d’utiliser des images cliquables pour les CTA pour offrir une expérience utilisateur plus moderne, dynamique et originale, afin d’inciter au clic.[/fusion_text][fusion_imageframe custom_aspect_ratio= »100″ lightbox= »yes » linktarget= »_self » align_medium= »none » align_small= »none » align= »none » hover_type= »none » magnify_duration= »120″ scroll_height= »100″ scroll_speed= »1″ caption_style= »off » caption_align_medium= »none » caption_align_small= »none » caption_align= »none » caption_title_tag= »2″ animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » filter_hue= »0″ filter_saturation= »100″ filter_brightness= »100″ filter_contrast= »100″ filter_invert= »0″ filter_sepia= »0″ filter_opacity= »100″ filter_blur= »0″ filter_hue_hover= »0″ filter_saturation_hover= »100″ filter_brightness_hover= »100″ filter_contrast_hover= »100″ filter_invert_hover= »0″ filter_sepia_hover= »0″ filter_opacity_hover= »100″ filter_blur_hover= »0″ image_id= »23744|full »]https://test.bluemarketing.fr/wp-content/uploads/2024/04/CTA-audit-ux.jpg[/fusion_imageframe][/fusion_builder_column][fusion_builder_column type= »1_1″ type= »1_1″ layout= »1_1″ align_self= »auto » content_layout= »column » align_content= »flex-start » valign_content= »flex-start » content_wrap= »wrap » center_content= »no » column_tag= »div » target= »_self » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » order_medium= »0″ order_small= »0″ hover_type= »none » border_style= »solid » box_shadow= »no » box_shadow_blur= »0″ box_shadow_spread= »0″ background_type= »single » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ lazy_load= »none » background_position= »left top » background_repeat= »no-repeat » background_blend_mode= »none » background_slider_skip_lazy_loading= »no » background_slider_loop= »yes » background_slider_pause_on_hover= »no » background_slider_slideshow_speed= »5000″ background_slider_animation= »fade » background_slider_direction= »up » background_slider_animation_speed= »800″ sticky= »off » sticky_devices= »small-visibility,medium-visibility,large-visibility » absolute= »off » filter_type= »regular » filter_hover_element= »self » filter_hue= »0″ filter_saturation= »100″ filter_brightness= »100″ filter_contrast= »100″ filter_invert= »0″ filter_sepia= »0″ filter_opacity= »100″ filter_blur= »0″ filter_hue_hover= »0″ filter_saturation_hover= »100″ filter_brightness_hover= »100″ filter_contrast_hover= »100″ filter_invert_hover= »0″ filter_sepia_hover= »0″ filter_opacity_hover= »100″ filter_blur_hover= »0″ transform_type= »regular » transform_hover_element= »self » transform_scale_x= »1″ transform_scale_y= »1″ transform_translate_x= »0″ transform_translate_y= »0″ transform_rotate= »0″ transform_skew_x= »0″ transform_skew_y= »0″ transform_scale_x_hover= »1″ transform_scale_y_hover= »1″ transform_translate_x_hover= »0″ transform_translate_y_hover= »0″ transform_rotate_hover= »0″ transform_skew_x_hover= »0″ transform_skew_y_hover= »0″ transition_duration= »300″ transition_easing= »ease » scroll_motion_devices= »small-visibility,medium-visibility,large-visibility » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ last= »true » border_position= »all » first= »true » margin_top= »20px » min_height= » » link= » »][fusion_fontawesome icon= »fusion-prefix-bluem-num-5″ spin= »no » linktarget= »_self » bg_size= »-1″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ circlecolor= »var(–awb-custom_color_1) » circlebordercolor= »var(–awb-custom_color_1) » size= »25″ circlecolor_hover= »var(–awb-color3) » circlebordercolor_hover= »var(–awb-color3) » /][fusion_title title_type= »text » marquee_direction= »left » marquee_speed= »15000″ rotation_effect= »bounceIn » display_time= »1200″ highlight_effect= »circle » loop_animation= »off » highlight_width= »9″ highlight_top_margin= »0″ title_link= »off » link_target= »_self » content_align= »left » size= »2″ text_shadow= »no » text_shadow_blur= »0″ text_stroke= »no » text_stroke_size= »1″ text_overflow= »none » gradient_font= »no » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ style_type= »default » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » text_color= »#4566fc »]Analyser la structure du site[/fusion_title][fusion_text animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky »]Une bonne expérience utilisateur et un bon parcours client passent obligatoirement par une bonne arborescence de site. Les pages de catégories et de sous-catégories doivent être cohérentes et bien optimisées. En les reliant via un cocon sémantique, vous améliorerez également le SEO du site. Assurez-vous que toutes les informations disponibles sur le site sont logiques et permettent aux visiteurs de trouver aisément ce qu’ils recherchent.
L’analyse ne s’arrête pas là ; elle doit également inclure un examen minutieux de l’architecture des pages individuelles. Ça implique de vérifier la disposition et la présentation des informations essentielles sur chaque page, telles que les titres, les descriptions, les images et les liens. Une structure de page bien conçue améliore la lisibilité et l’accessibilité du contenu, des facteurs essentiels pour une expérience utilisateur de qualité.[/fusion_text][/fusion_builder_column][fusion_builder_column type= »1_1″ type= »1_1″ layout= »1_1″ align_self= »auto » content_layout= »column » align_content= »flex-start » valign_content= »flex-start » content_wrap= »wrap » center_content= »no » column_tag= »div » target= »_self » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » order_medium= »0″ order_small= »0″ hover_type= »none » border_style= »solid » box_shadow= »no » box_shadow_blur= »0″ box_shadow_spread= »0″ background_type= »single » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ lazy_load= »none » background_position= »left top » background_repeat= »no-repeat » background_blend_mode= »none » background_slider_skip_lazy_loading= »no » background_slider_loop= »yes » background_slider_pause_on_hover= »no » background_slider_slideshow_speed= »5000″ background_slider_animation= »fade » background_slider_direction= »up » background_slider_animation_speed= »800″ sticky= »off » sticky_devices= »small-visibility,medium-visibility,large-visibility » absolute= »off » filter_type= »regular » filter_hover_element= »self » filter_hue= »0″ filter_saturation= »100″ filter_brightness= »100″ filter_contrast= »100″ filter_invert= »0″ filter_sepia= »0″ filter_opacity= »100″ filter_blur= »0″ filter_hue_hover= »0″ filter_saturation_hover= »100″ filter_brightness_hover= »100″ filter_contrast_hover= »100″ filter_invert_hover= »0″ filter_sepia_hover= »0″ filter_opacity_hover= »100″ filter_blur_hover= »0″ transform_type= »regular » transform_hover_element= »self » transform_scale_x= »1″ transform_scale_y= »1″ transform_translate_x= »0″ transform_translate_y= »0″ transform_rotate= »0″ transform_skew_x= »0″ transform_skew_y= »0″ transform_scale_x_hover= »1″ transform_scale_y_hover= »1″ transform_translate_x_hover= »0″ transform_translate_y_hover= »0″ transform_rotate_hover= »0″ transform_skew_x_hover= »0″ transform_skew_y_hover= »0″ transition_duration= »300″ transition_easing= »ease » scroll_motion_devices= »small-visibility,medium-visibility,large-visibility » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ last= »true » border_position= »all » first= »true » margin_top= »20px » min_height= » » link= » »][fusion_fontawesome icon= »fusion-prefix-bluem-num-6″ spin= »no » linktarget= »_self » bg_size= »-1″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ circlecolor= »var(–awb-color3) » circlebordercolor= »var(–awb-color3) » size= »25″ circlecolor_hover= »var(–awb-color3) » circlebordercolor_hover= »var(–awb-color3) » /][fusion_title title_type= »text » marquee_direction= »left » marquee_speed= »15000″ rotation_effect= »bounceIn » display_time= »1200″ highlight_effect= »circle » loop_animation= »off » highlight_width= »9″ highlight_top_margin= »0″ title_link= »off » link_target= »_self » content_align= »left » size= »2″ text_shadow= »no » text_shadow_blur= »0″ text_stroke= »no » text_stroke_size= »1″ text_overflow= »none » gradient_font= »no » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ style_type= »default » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » text_color= »#4566fc »]Évaluer la compatibilité mobile[/fusion_title][fusion_text animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky »]Quand plus de 40 % des achats en ligne réalisés lors des fêtes de fin d’année sont effectués sur mobile, il est pertinent de se demander si l’UX influence le parcours d’achat sur smartphone. La réponse est clairement oui !
Une UX mobile optimisée devient essentielle pour atteindre les objectifs de conversion de votre site. Il est donc indispensable de vérifier les performances mobiles de vos plateformes pour s’assurer qu’elles sont bien optimisées. Vérifiez également que chaque page et contenu sont responsives afin de garantir une bonne expérience utilisateur et un bon référencement sur les moteurs de recherche.
Testez également la vitesse de chargement de chaque page du site sur ordinateur et mobile. Des outils comme Pagespeed insight sont utiles pour réaliser ces analyses. Ils vous donneront des pistes d’amélioration pour optimiser les temps de chargement et, par conséquent, améliorer l’expérience utilisateur globale.[/fusion_text][fusion_imageframe custom_aspect_ratio= »100″ lightbox= »no » linktarget= »_self » align_medium= »none » align_small= »none » align= »center » hover_type= »none » magnify_duration= »120″ scroll_height= »100″ scroll_speed= »1″ caption_style= »off » caption_align_medium= »none » caption_align_small= »none » caption_align= »none » caption_title_tag= »2″ animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » filter_hue= »0″ filter_saturation= »100″ filter_brightness= »100″ filter_contrast= »100″ filter_invert= »0″ filter_sepia= »0″ filter_opacity= »100″ filter_blur= »0″ filter_hue_hover= »0″ filter_saturation_hover= »100″ filter_brightness_hover= »100″ filter_contrast_hover= »100″ filter_invert_hover= »0″ filter_sepia_hover= »0″ filter_opacity_hover= »100″ filter_blur_hover= »0″ image_id= »23734|full »]https://test.bluemarketing.fr/wp-content/uploads/2024/04/Pagespeed-insight.png[/fusion_imageframe][fusion_text animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » margin_top= »20″]
PageSpeed Insight – Résultats
[/fusion_text][/fusion_builder_column][fusion_builder_column type= »1_1″ type= »1_1″ layout= »1_1″ align_self= »auto » content_layout= »column » align_content= »flex-start » valign_content= »flex-start » content_wrap= »wrap » center_content= »no » column_tag= »div » target= »_self » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » order_medium= »0″ order_small= »0″ hover_type= »none » border_style= »solid » box_shadow= »no » box_shadow_blur= »0″ box_shadow_spread= »0″ background_type= »single » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ lazy_load= »none » background_position= »left top » background_repeat= »no-repeat » background_blend_mode= »none » background_slider_skip_lazy_loading= »no » background_slider_loop= »yes » background_slider_pause_on_hover= »no » background_slider_slideshow_speed= »5000″ background_slider_animation= »fade » background_slider_direction= »up » background_slider_animation_speed= »800″ sticky= »off » sticky_devices= »small-visibility,medium-visibility,large-visibility » absolute= »off » filter_type= »regular » filter_hover_element= »self » filter_hue= »0″ filter_saturation= »100″ filter_brightness= »100″ filter_contrast= »100″ filter_invert= »0″ filter_sepia= »0″ filter_opacity= »100″ filter_blur= »0″ filter_hue_hover= »0″ filter_saturation_hover= »100″ filter_brightness_hover= »100″ filter_contrast_hover= »100″ filter_invert_hover= »0″ filter_sepia_hover= »0″ filter_opacity_hover= »100″ filter_blur_hover= »0″ transform_type= »regular » transform_hover_element= »self » transform_scale_x= »1″ transform_scale_y= »1″ transform_translate_x= »0″ transform_translate_y= »0″ transform_rotate= »0″ transform_skew_x= »0″ transform_skew_y= »0″ transform_scale_x_hover= »1″ transform_scale_y_hover= »1″ transform_translate_x_hover= »0″ transform_translate_y_hover= »0″ transform_rotate_hover= »0″ transform_skew_x_hover= »0″ transform_skew_y_hover= »0″ transition_duration= »300″ transition_easing= »ease » scroll_motion_devices= »small-visibility,medium-visibility,large-visibility » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ last= »true » border_position= »all » first= »true » margin_top= »20px » min_height= » » link= » »][fusion_fontawesome icon= »fusion-prefix-bluem-num-7″ spin= »no » linktarget= »_self » bg_size= »-1″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ circlecolor= »var(–awb-custom_color_3) » circlebordercolor= »var(–awb-custom_color_3) » size= »25″ circlecolor_hover= »var(–awb-color3) » circlebordercolor_hover= »var(–awb-color3) » /][fusion_title title_type= »text » marquee_direction= »left » marquee_speed= »15000″ rotation_effect= »bounceIn » display_time= »1200″ highlight_effect= »circle » loop_animation= »off » highlight_width= »9″ highlight_top_margin= »0″ title_link= »off » link_target= »_self » content_align= »left » size= »2″ text_shadow= »no » text_shadow_blur= »0″ text_stroke= »no » text_stroke_size= »1″ text_overflow= »none » gradient_font= »no » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ style_type= »default » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » text_color= »#4566fc »]Croiser les objectifs de l’entreprise avec les besoins des utilisateurs[/fusion_title][fusion_text animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky »]Une fois qu’on a une compréhension approfondie des cibles et du contexte, il est temps de définir les objectifs et les besoins du projet. Lorsqu’on élabore des objectifs UX, il est essentiel de tenir compte des buts de la stratégie marketing digitale de l’entreprise :
- Augmentation des ventes,
- Notoriété de la marque,
- Rétention des clients,
- Conversions…
Il convient ensuite de définir des objectifs UX clairs et mesurables : l’amélioration de l’ergonomie, l’augmentation de la satisfaction client, ou encore la diminution du taux d’erreurs. Grâce aux analyses précédentes, vous pouvez maintenant détailler les besoins et identifier les frustrations des utilisateurs. Quels sont leurs principales attentes et points de friction ?
Le croisement de ces données essentielles vous permettra de diriger la conception UX vers une structure qui non seulement répond aux objectifs commerciaux, mais comble aussi les attentes des utilisateurs. Mais ça, c’est une autre étape ![/fusion_text][fusion_text animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » margin_top= »15″]Un audit UX bien mené peut transformer une expérience basique en expérience mémorable qui convertit et fidélise. En suivant ces étapes, vous alignez stratégiquement les objectifs de votre entreprise avec les besoins réels de vos utilisateurs, garantissant une interface à la fois pertinente et agréable à utiliser.[/fusion_text][/fusion_builder_column][fusion_builder_column type= »1_3″ type= »1_3″ layout= »1_1″ align_self= »auto » content_layout= »column » align_content= »flex-start » valign_content= »flex-start » content_wrap= »wrap » center_content= »no » column_tag= »div » target= »_self » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » order_medium= »0″ order_small= »0″ hover_type= »none » border_style= »solid » box_shadow= »no » box_shadow_blur= »0″ box_shadow_spread= »0″ background_type= »single » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ lazy_load= »none » background_position= »left top » background_repeat= »no-repeat » background_blend_mode= »none » sticky= »off » sticky_devices= »small-visibility,medium-visibility,large-visibility » absolute= »off » filter_type= »regular » filter_hover_element= »self » filter_hue= »0″ filter_saturation= »100″ filter_brightness= »100″ filter_contrast= »100″ filter_invert= »0″ filter_sepia= »0″ filter_opacity= »100″ filter_blur= »0″ filter_hue_hover= »0″ filter_saturation_hover= »100″ filter_brightness_hover= »100″ filter_contrast_hover= »100″ filter_invert_hover= »0″ filter_sepia_hover= »0″ filter_opacity_hover= »100″ filter_blur_hover= »0″ transform_type= »regular » transform_hover_element= »self » transform_scale_x= »1″ transform_scale_y= »1″ transform_translate_x= »0″ transform_translate_y= »0″ transform_rotate= »0″ transform_skew_x= »0″ transform_skew_y= »0″ transform_scale_x_hover= »1″ transform_scale_y_hover= »1″ transform_translate_x_hover= »0″ transform_translate_y_hover= »0″ transform_rotate_hover= »0″ transform_skew_x_hover= »0″ transform_skew_y_hover= »0″ transition_duration= »300″ transition_easing= »ease » scroll_motion_devices= »small-visibility,medium-visibility,large-visibility » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ last= »false » border_position= »all » margin_bottom= »0px » first= »true » min_height= » » link= » »][fusion_content_boxes layout= »icon-boxed » columns= »1″ heading_size= »3″ box_shadow= »no » box_shadow_blur= »0″ box_shadow_spread= »0″ iconspin= »no » icon_align= »left » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » margin_top= »4em » backgroundcolor= »var(–awb-custom_color_5) » border_radius_top_left= »10px » border_radius_top_right= »10px » border_radius_bottom_right= »10px » border_radius_bottom_left= »10px » link_area= »box »][fusion_content_box linktext= »Découvrez » animation_direction= »left » animation_speed= »0.3″ link= »https://test.bluemarketing.fr/expertises/ux-ui-design/audit-ux/ » link_target= »_blank » backgroundcolor= »var(–awb-custom_color_5) » image_max_width= »90px » title= »Vous souhaitez faire auditer votre site web ? » image= »https://test.bluemarketing.fr/wp-content/uploads/2023/11/marianne.png » image_id= »22647|full »]
Notre prestation d’audit UX est pragmatique et efficace
[/fusion_content_box][/fusion_content_boxes][/fusion_builder_column][fusion_builder_column type= »2_3″ type= »2_3″ layout= »2_3″ align_self= »auto » content_layout= »column » align_content= »flex-start » valign_content= »flex-start » content_wrap= »wrap » center_content= »no » column_tag= »div » target= »_self » hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » order_medium= »0″ order_small= »0″ margin_top= »20px » padding_top= »30px » padding_right= »30px » padding_bottom= »30px » padding_left= »30px » hover_type= »none » border_style= »solid » box_shadow= »no » box_shadow_blur= »0″ box_shadow_spread= »0″ background_type= »single » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ lazy_load= »none » background_position= »left top » background_repeat= »no-repeat » background_blend_mode= »none » background_slider_skip_lazy_loading= »no » background_slider_loop= »yes » background_slider_pause_on_hover= »no » background_slider_slideshow_speed= »5000″ background_slider_animation= »fade » background_slider_direction= »up » background_slider_animation_speed= »800″ sticky= »off » sticky_devices= »small-visibility,medium-visibility,large-visibility » absolute= »off » filter_type= »regular » filter_hover_element= »self » filter_hue= »0″ filter_saturation= »100″ filter_brightness= »100″ filter_contrast= »100″ filter_invert= »0″ filter_sepia= »0″ filter_opacity= »100″ filter_blur= »0″ filter_hue_hover= »0″ filter_saturation_hover= »100″ filter_brightness_hover= »100″ filter_contrast_hover= »100″ filter_invert_hover= »0″ filter_sepia_hover= »0″ filter_opacity_hover= »100″ filter_blur_hover= »0″ transform_type= »regular » transform_hover_element= »self » transform_scale_x= »1″ transform_scale_y= »1″ transform_translate_x= »0″ transform_translate_y= »0″ transform_rotate= »0″ transform_skew_x= »0″ transform_skew_y= »0″ transform_scale_x_hover= »1″ transform_scale_y_hover= »1″ transform_translate_x_hover= »0″ transform_translate_y_hover= »0″ transform_rotate_hover= »0″ transform_skew_x_hover= »0″ transform_skew_y_hover= »0″ transition_duration= »300″ transition_easing= »ease » scroll_motion_devices= »small-visibility,medium-visibility,large-visibility » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ background_color= »var(–awb-custom_color_5) » border_radius_top_left= »10″ border_radius_top_right= »10″ border_radius_bottom_right= »10″ border_radius_bottom_left= »10″ last= »true » border_position= »all » first= »false » min_height= » » link= » »][fusion_title title_type= »text » marquee_direction= »left » marquee_speed= »15000″ rotation_effect= »bounceIn » display_time= »1200″ highlight_effect= »circle » loop_animation= »off » highlight_width= »9″ highlight_top_margin= »0″ title_link= »off » link_target= »_self » content_align= »center » size= »2″ text_shadow= »no » text_shadow_blur= »0″ text_stroke= »no » text_stroke_size= »1″ text_overflow= »none » gradient_font= »no » gradient_start_position= »0″ gradient_end_position= »100″ gradient_type= »linear » radial_direction= »center center » linear_angle= »180″ style_type= »default » animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky » text_color= »#4566fc » margin_bottom= »35″]
Les 7 étapes de l’audit UX – À retenir
[/fusion_title][fusion_text animation_direction= »left » animation_speed= »0.3″ animation_delay= »0″ hide_on_mobile= »small-visibility,medium-visibility,large-visibility » sticky_display= »normal,sticky »]
- Définition du type d’audit UX : Nouveau projet ou plateforme existante ?
- Compréhension des utilisateurs : Collectez des informations sur vos utilisateurs cibles via KPIs, métriques, et fiches persona pour créer des profils détaillés, comprendre leurs besoins, et concevoir un parcours utilisateur personnalisé et efficace
- Analyse de la concurrence (nouveau projet) : Identifiez forces, faiblesses et tendances du marché, évaluer votre positionnement via un benchmark UX et vous inspirer de secteurs variés pour innover
- Étude du comportement utilisateur (plateforme existante) : Utilisez des outils comme Hotjar et Google Analytics 4 pour collecter des retours, analyser le comportement des utilisateurs, et évaluer l’efficacité du parcours UX en identifiant obstacles et points de friction.
- Examen de l’ergonomie : Étudiez la fluidité, l’intuitivité et la facilité de navigation, s’assurer qu’il y ait une cohérence visuelle qui facilite l’interaction des utilisateurs avec les CTA et autres éléments du site.
- Analyse structurale : Analysez la structure et l’arborescence du site pour garantir une expérience utilisateur fluide et s’assurer de la cohérence et de l’accessibilité des informations sur chaque page.
- Compatibilité mobile et performance : Évaluez la compatibilité mobile et les performances de votre site pour assurer une UX optimale sur smartphone.
- Alignement des objectifs : Croisez les besoins des utilisateurs avec les objectifs de l’entreprise pour un UX qui soutient la stratégie globale.
[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]
