Lenovo — Heuristic Evaluation & UI Kit

I conducted a heuristic evaluation which is the process of evaluating the usability of a product. I worked alongside two other designers where we explored Lenovo’s website and if it complied with the 10 usability principles. After we broke down the process and developed a UI kit based on Atomic Design.

10 Usability Principles

Lenovo’s main evaluators

Chosen user: As a student, I am looking for a school laptop with touch-screen capabilities all within my budget of $1,500.

Product Usability Score — 3/4

Major usability concerns

Redesign 1 — Homepage

Heuristics broken: Aesthetic and minimal design

Redesign 2— Laptops Page

Heuristics broken: Aesthetic and minimal design & flexibility and efficiency of use.

Redesign 3—Dropdown menu

Heuristics broken: Aesthetic and minimal design & flexibility and efficiency of use.

Redesign 5— Touchscreen Icon

Heuristics broken: Aesthetic and minimal design & consistency and standards.

Redesign 6—Laptop Series Page

Heuristics broken: Aesthetic and minimal design & Flexibility and efficiency of use

Redesign 7— 1-Page Scroll

Heuristics broken: Aesthetic and minimal design, Flexibility and efficiency of use.

UI Kit

After completing the redesign, I moved forward with creating a UI library of all the components involved with the redesign so they would be of perfect use to a developer. This was designed through Atomic Design which is the process broken into Atoms, Molecules, Organisms, Templates, and pages.

** Pages are the final design shown above.**

1. Atoms

2. Molecules

3. Organisms

4. Templates

Product Designer living in Toronto

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store