Log Viewer

Log Viewer

Log Viewer

TYPE

TYPE

Client Project

Client Project

ROLE

ROLE

UX design, UI design, Interaction Design

UX design, UI design, Interaction Design

DESIGN TOOLS

DESIGN TOOLS

Adobe XD, Protopie, paper & pencil

Adobe XD, Protopie, paper & pencil

A tool to simplifies a technical log workflow into a smooth, user-friendly experience for searching, filtering, and exporting logs.

A tool to simplifies a technical log workflow into a smooth, user-friendly experience for searching, filtering, and exporting logs.

A tool to simplifies a technical log workflow into a smooth, user-friendly experience for searching, filtering, and exporting logs.

Empathising

Empathising

Empathising

Understanding users, products and requirements.

Search option

Search option

Filteration

Filteration

Date and Time Picker

Date and Time Picker

Auto Complete Functionality

Auto Complete Functionality

Quick Select

Quick Select

Download

Download

UI Functionality

UI Functionality

UI Functionality

Search Screens

Search Screens

Page purpose:

The purpose of this page is to provide a user-friendly and efficient way for users to search for specific content or items within the application. The search page typically includes a search bar where users can input keywords or phrases, as well as advanced filters and sorting options to refine and narrow down the search results.

Page purpose:

The purpose of this page is to provide a user-friendly and efficient way for users to search for specific content or items within the application. The search page typically includes a search bar where users can input keywords or phrases, as well as advanced filters and sorting options to refine and narrow down the search results.

Page purpose:

The purpose of this page is to provide a user-friendly and efficient way for users to search for specific content or items within the application. The search page typically includes a search bar where users can input keywords or phrases, as well as advanced filters and sorting options to refine and narrow down the search results.

User’s Intent

- Quickly and efficiently find specific information

- Input keywords or phrases

- Get the desired results quickly

- Use advanced filters and sorting options

- Select Date & Time

Autocomplete Functionality:

Autocomplete Functionality:

Date & Time Picker:

Date & Time Picker:

Timestamp:

Timestamp:

UI Functionality

UI Functionality

UI Functionality

Search Results

Search Results

UI Functionality

UI Functionality

UI Functionality

Filtration Screen

Filtration Screen

Page purpose:

The filtration page serves the purpose of allowing users to sort and narrow down a large amount of information, by applying certain criteria or filters. It is useful for organizing and finding specific data efficiently in a user-friendly way.

User’s Intent

- Easily sort through
- Find the specific information
- Get the desired results quickly
- Quickly narrow down their search results
- Access the relevant information more efficiently

UI Functionality

UI Functionality

UI Functionality

Filtration Chips

Filtration Chips

UI Functionality

UI Functionality

UI Functionality

Export Screen

Export Screen

Download Overlay:

Download Overlay:

Page purpose:

This is an overlay that displays the progress of a download in a progress bar format. It typically appears when the user initiates a download and will indicate the percentage of the download that has been completed. The progress bar will typically disappear once the download is completed.

User’s Intent

- To track the progress of a download
- To estimate the time remaining for the download to complete
- To cancel the download if necessary
- To confirm the successful completion of the download

Responsive Screens

Responsive Screens

Responsive Screens

Mobile & Tablet

Mobile & Tablet

Mobile

Mobile

Mobile

In Conclusion:

In Conclusion:

This project was all about turning a complex, technical workflow into a smooth and user-friendly experience. By rethinking the search and export process, I was able to reduce friction and make log management faster and more intuitive.

Adding features like auto-complete, filters, and export options gave users more control and flexibility. This redesign not only improved the overall usability but also helped streamline how users interact with large volumes of log data.

It's a solid foundation for future enhancements based on real-world usage and feedback.

Create a free website with Framer, the website builder loved by startups, designers and agencies.