July 20, 2015July 20, 2015 by AndrianaArt

User Task & Visual Design updates

For the final round of user testing I have added a few things to the visual design and tightened up my mockups. I need to work on getting the prototype up to speed but I want to do that after I have my user testing completed.

Product Cards now are full width of the screen, allowing more room for product information and larger images.

Product Detail Pages are full width as well and now includes if the item is in-stock or not. Still debating if this should be included on the product cards as well.

May 9, 2015 by AndrianaArt

Updating the Thesis Book Design Pages

This week I focused on refining all of my deliverables from this semester and getting them ready for my final thesis book. I took everything from the logo, moodboard, wireframes, mockups and made sure they all looked like they belonged together and flowed well. Next, I am going to do a re-design of my entire thesis book to match the new look of my visual design deliverables.

April 30, 2015 by AndrianaArt

Mockups v2.1

Another round of mockups has been created to reflect the changes made after user testing and to better match the jQuery Mobile icons and buttons. I have created a click through prototype in InVision which can be viewed here: http://invis.io/ZG2V4H8EP

April 16, 2015April 16, 2015 by AndrianaArt

Mockups with Interactions

For this last round of mockups, I added a lot more screens and described the interactions between them in detail. Doing so brought up some usability and visual issues I had yet to really deal with. For example, on the map page I have “back” and “next product” buttons which made perfect sense at the time but now seem kind of odd. I’m going to have to re-visit the functionality of them and see if they still make sense. I am displaying all the search results on the map anyways so when would users need to see the next product?

March 8, 2015March 8, 2015 by AndrianaArt

Wireframes v1

Here are the first version of wireframes for my new home screen layout, I changed things up quite a bit from my initial design. This version provides more features with better functionality and user experience overall. I am able to provide more filter categories and department options by having a dropdown menu with checkboxes. This means that as new dietary fads and trends appear, which they will, the store can add them without having to redesign of the entire home screen. Doing so freed up a lot of space on the front page for new products and seasonal items, furthering employee product knowledge and discovery.

I included my old home/search screen as a comparison:

March 8, 2015 by AndrianaArt

Sketching New Layouts

Based on user testing and living with my last design for a few months, I am revisiting my main/search page layout. I feel like the buttons take up too much space and are confusing to some users. This is the new direction I am taking, new Balsamiq Mockups coming up next.

October 26, 2014October 26, 2014 by AndrianaArt

Navigation Sketches

This week we focused on just our navigation and the different ways we could represent it. I sketched a couple ideas in my notebook and then rendered them using Balsamiq Mockups. I feel like I have a much clearer understanding of what my application’s direction is now. Before I began these I updated my information architecture once again, you will find it below.

information_architecture_garcia_update