Visualize the Research

Wire Frames
  • It presents the information that will be displayed on the page
  • It gives the outline of the structure and layout of the pages
  • It conveys the overall direction and description of the user interface
Invision Free Hand

After creating the IA structure for app design, there are do’s and don’ts when continuing the process of a redesign. 

Keep in mind the research the UX designer did in the beginning stages, doing all that work was not for nothing. Creating all the screen wireframes is based on what previous users have problems with, the layout or the features being hard to find. 

In the Stop & Shop app, many of the features advertised are hard to find or not to the extent users would like. In order to fix that for the final product, designers worked on the potential flow of when designing the IA structure. Following this organization, continue developing what the screens may look like before you begin prototyping. It is always a good idea to get feedback from people not involved with the project to ensure easy use. Remember, this is for the potential to have new users using the application, or getting back old users. 

“A wireframe is a two-dimensional illustration of a page’s interface that specifically focuses on space allocation and prioritization of content, functionalities available, and intended behaviors.
Usability.gov

When designing wireframes, designers always learn what potentially can hurt the designer or unnecessary information that takes time, when it is not needed yet. 

Don’t skip screens when creating wireframes because you feel like it is unnecessary. When creating the prototype later in the process it will be easier to determine if the ‘skeleton’ matches the overall flow and design of the final product. Designers should always think ahead to make a process easier for them and the coders that begin the process later after the UX designers do the background work. 

As designers, we love to hop on the computer and quickly open InVision or our Adobe Creative Suite, do not rush. Designing is an art, and basic art is a pen and paper, it is faster to quickly erase a mistake and change something then putting in work perfecting alignment and then realizing it does not make sense for the feature. 

You are designing with the user in mind, remember the purpose of the redesign and the message that is being advertised.

Reviewing the user research and persona interviews, I decided to try to match the style of the competitor’s layout of their app. Based on their reviews it was easy to navigate and find the features that the company highlights in the description on the app store.