Skip to the content.

DH110-22F-MahamKhawar

Assignment 7: High Fidelity Prototype

Overview

Summary

This prototype is a redesign of the Institute for Sustainabile Communities’ mobile site, specifically it’s resources and community involvement pages. This prototype attemps to make the site more usable for people who want to be both passively and actively involved with sustainable practices.

Process

I based this high-fidelity prototype on previous low-fidelity sketches of the organization’s desktop site. For this prorotype, I used Figma. I then continued on to coduct cognitive walkthroughs with peer and usability tests. From there, I created a revised high-fidelity protoype based on my findings.

Purpose

The purpose of this interactive prototype is to test the interface of the mobile redesign in relation to the ten usability heuristics. For this iteration, I based my design loosely on my lo-fi screens but because I did a mobile re-design I did accomodate to changes on a smaller screen size.

Tasks

  1. Filter through specific media items related to sustainability (geared towards passive users).
  2. Find contact information for local community efforts (geared towards qctive users).

    Wireflow and final interface design

    Link to Wireflow

    Task 1 Flow

Task 2 Flow

Prototype (1st Iteration)

Prototype Link

Cognitive Walkthrough - In-Class

Cognitive Walkthrough Data

Overall, I did find the cognitive walkthrough to be a really informative process. The two participants were able to understand the flow of my two tasks while also providing constructive criticism and suggestions.

Based on the feedback provided, I would make the following edits in my redesign:

Prototype (2nd Iteration)

Prototype 2 Link

Usability Test

Click here

Reflection

Overall, I found this interactive prototype to be very interesting. I enjoyed seeing everything come together to create a somewhat final product. I enjoyed the cognitive walkthrough, as it really highlights how central users suggestions are in the entire design process, and how they are consulted with nearly every step.