From 786008aa6f63947ab395cf510ff3daadc61018bf Mon Sep 17 00:00:00 2001 From: Emma Lim <116303045+emmalim@users.noreply.github.com> Date: Tue, 27 Dec 2022 15:49:29 -0500 Subject: [PATCH] sellesley vid mobile --- sellesley.html | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/sellesley.html b/sellesley.html index 8e223dd..28c91fb 100644 --- a/sellesley.html +++ b/sellesley.html @@ -138,8 +138,10 @@

PART 3: WIREFRAME PROTOTYPE USER TESTING

Of the 2 designs, we ultimately chose the first one as students expressed they were less interested in the social media-feel. The low-fidelity wireframe prototype for the first design was then created using Balsamiq. More information on the Balsamiq prototype below.

- - +
+ +
+

While Design 1 was the basis for the low-fidelity wireframe prototype because of feedback I received, some additional elements were added to this design for the wireframe prototype.

The first feature I added was a sort-by dropdown menu that users can use to sort their listing view based on categories such as price and popularity. I also added an option for sellers to add product tags that users could use to search for or block specific features of items (ex. specific shoe size or item color). The final feature I added was inspired by Design 2. The option of switching between a grid view and a list view when sorting through the listings was included to accommodate different user preferences.

@@ -151,7 +153,9 @@

PART 3: WIREFRAME PROTOTYPE USER TESTING

PART 4: DESIGN RATIONALE & FINAL PROTOTYPE (FIGMA)

The final interactive prototype was developed using Figma. Watch a walkthrough of the app below or use the interactive prototype at the top of the page.

- +
+ +

Typography: The font used throughout the Sellesley app is Inter, a clean, simple, and easily readable sans-serif font that works with a variety of styles (bolded, semi-bolded, italicized, etc).