Fixing What Didn’t Work
Fixing What Didn’t Work
Info
ExtraHop's blog page is a highly trafficked area of the website.
By leveraging data collection tools such as HotJar and Parsley, we were able to analyze and identify the shortcomings of the previous blog. With this information, I successfully revamped the blog hub page and its content pages to cater better to the user experience. The redesigned pages were aimed at increasing engagement and improving the user's learning experience during their visit.
Content Page
During the design and research phase for the blog content page, I noticed that the adage "no one reads, they only skim" was extremely accurate. Upon reviewing user recordings, it became apparent that users often scrolled through pages very quickly, indicating a consistent pattern.
To address this issue, I introduced a TL;DR (too long; didn't read) button at the top of the page, which anchored to the bottom of the page and provided a brief summary paragraph. My goal was to ensure that users did not waste their time and left the page with some key information.
Additionally, I implemented the POI (point of interest) text highlight feature, which highlighted the critical elements of each paragraph for our skimming readers. This feature aimed to prevent users from wasting their time by ensuring that they left the page with the essential information.
ExtraHop's blog page is a highly trafficked area of the website.
By leveraging data collection tools such as HotJar and Parsley, we were able to analyze and identify the shortcomings of the previous blog. With this information, I successfully revamped the blog hub page and its content pages to cater better to the user experience. The redesigned pages were aimed at increasing engagement and improving the user's learning experience during their visit.
Content Page
During the design and research phase for the blog content page, I noticed that the adage "no one reads, they only skim" was extremely accurate. Upon reviewing user recordings, it became apparent that users often scrolled through pages very quickly, indicating a consistent pattern.
To address this issue, I introduced a TL;DR (too long; didn't read) button at the top of the page, which anchored to the bottom of the page and provided a brief summary paragraph. My goal was to ensure that users did not waste their time and left the page with some key information.
Additionally, I implemented the POI (point of interest) text highlight feature, which highlighted the critical elements of each paragraph for our skimming readers. This feature aimed to prevent users from wasting their time by ensuring that they left the page with the essential information.
Role
Role
Graphic Design
Graphic Design
UX
UX
Client
Client
ExtraHop
ExtraHop
More
projects
Web Design
/
UX
Fresh Perspective to the LCN
Graphic Animation
/
Graphic Design
Revealx Launch Video
Branding
/
Art Direction
Elevating RealSelf’s Social Brand
Graphic Design
/
Art Direction
Roam Launch & Evolution
Graphic Design
/
Art Direction
Rescuing the Redesign
Branding
/
Art Direction
The Two Month Rebrand
Branding
/
Video, Audio
Creating a Memorable Intro
Graphic Animation
/
Art Direction
BlackHat Red V Blue
Sr. Designer
Extrahop Collection_WIP
The Daily-Evil_WIP
Web Design
/
UX
Fresh Perspective to the LCN
Graphic Animation
/
Graphic Design
Revealx Launch Video
Branding
/
Art Direction
Elevating RealSelf’s Social Brand
Graphic Design
/
Art Direction
Roam Launch & Evolution
Graphic Design
/
Art Direction
Rescuing the Redesign
Branding
/
Art Direction
The Two Month Rebrand
Branding
/
Video, Audio
Creating a Memorable Intro
Graphic Animation
/
Art Direction
BlackHat Red V Blue
Sr. Designer
Extrahop Collection_WIP
The Daily-Evil_WIP