Hello Friend

UX/UI Design
Project Details
Project Overview + Topic

Created by

Date

Context

Medium

Students are asked to explore a choose a peer's assignment and explore the topic while also modifying it to reshape and recreate the application through the creation of a screen-based interface. The topic of this project will be to reshape an application created by their peer in assignment 1.

Paniz Adiban

2020

reshaping previous designs

application prototype

divider.jpg
Design Problem
  • Recreate an app that provides support to victims of domestic violence

  • Reshape it in the ways I would like to see it changed or improved to better serve the user

  • Create a safe space for women to make them feel comforted and safe

Initial Research and User Flows
  • Get a clearer grasp of the existing applications and how they were displayed through research

  • Create user flows based on 5 different basic scenarios the user would experience frequently such as, login to their account, complete a quiz on the dashboard, create an entry in their diary, search for a resource, and quickly shut down the app

Wireframes
  • Low fidelity wireframes and looked at what each page would include. The main pages I originally intended to create were dashboard, diary, resources, and get help

  • Later on, resources and get help were combined to avoid repetition of the app content as well as not confusing the user in terms of what the function of each page is

  • Since many of the resources and the articles would be external, the app itself features limited text on the main pages

  • Subtle green shades to create the mid fidelity version of the prototype

  • Focus on two aspects: the quizzes the user could take and the diary page of the application

  • Create an efficient and calm space for the user and help them find resources quickly

5f8f0da27201d670bf8e0423_user flows assi
5f8f0da2fd320e8c567b0de1_user flows assi
Preference and Usability Testing
  • A way for us to see what our peers as potential users, would prefer to see on an application based on the context of what the app was offering the user

  • Things such as layout, colour use, and even functionality were explored during this class discussion. The usability testing exercise was used to allow me to create scripts for potential tasks that would be completed in a user test

  • These scripts were aimed at testing the most important functions of the app to ensure that the user can effectively and efficiently use the product

5f963ed66b7aaca8dc7dd71d_Screen Shot 202
5faaebc73d1d0b221224accf_Screen Shot 202
Proposed Solution and Results

The final edits of the app were mainly focused on formatting the pages and fixing alignment issues. The app colours were changed to two simple green shades that were used consistently for the app. The main animations for the app were used throughout the diary page and the resources page to create a seamless and efficient user experience. Below there is a short clip of the animation as well as the link to an interactive prototype. Click the link below to view the digital marketing website for the application.

final.gif