Concept Sketches

Concept sketches are a crucial part of product building, especial when working in a team. Up until this point I had no idea what faith was for our product design. There was no way for me to know if we were thinking of the same things visually. Sure, we were on the same page on our research but putting that into a design can be challenging if we don’t follow the right steps. That’s why it is crucial for you can your partner to do some sketches to understand each other’s ideas and get on the same page, it in the early stage for designing so there shouldn’t any attachment to an idea which makes it easier to make changes. And you will be making changes especially after testing each phase (low-fi, mid-fi, high-fi).
Faith and I drew some sketches and discussed them. we were thinking of the same things. You know what they say, “great minds think alike”.

Low-fi

Since we have an understanding of our design, we decided to split the workload. Faith was in charge of the first user flow, and I was in charge of the second user flow. I remember how happy we were of our designs. It was only a low-fi but for the first time we are seen our vision coming together.

TEST

Testing is the best way find changes that will improve the accessibility of our product. The earlier you start testing the bettering. we conducted 5 in-person usability tests. They pointed out a few things that needed to be looked at.​The difference between subscribing and fooling a user was not clear.
The subscription tiers are not clear.
We got a few feedbacks from the wireframing portion, some pages weren’t displayed properly.
The rest of the feedbacks are positive and reassured us we these features in our high-fi will make the user experience better.
Filter News articles to view only Most Recent.
“Looking at home screen, I didn’t know what it was. It is obvious content. The top part above the fold says new articles with featured and sub featured. That made sense. Scrolling down, I assumed it was the same thing but not as featured. The ‘Art’ …are the news stories about art? When I think ‘art’ I don’t think of news as one and art as another but not having the same content. It seems each one is the same type of content but different categories. So it made me curious about what would the content be?”

UI Design

Throughout this whole process faith and I have not had a name for our application. We were using the code name “Falcon”. We were getting into the brand building portion of our product, and we know we cannot keep using Falcon forever. We decided to think of some names while we build our brand.​

First, we did some visual competitive analysis.

Next, we wanted our product to reflect the following attributes:

After, we build our moodboard. Building this moodboard was a little challenging because we wanted to hit the nail right in the head with this one. Sure enough we did, we built a nice moodboard inspired by our attributes.

Before we move on to the final step, we have to make sure our moodboard is reflecting our attribute like we intended. We did a desirability test with 5 people, and this is our results. We highlighted the words that matched ours.

Final, we created a color palette out of our moodboard. We wanted something fresh, clean, and modern but also bold and inspiring. We decided to stick to 4 colors.

While we are talking about the colors and how we can use them without them been overwhelming, we decided to go over the names we had wrote down so far. And one name immediately clicked we us and we know we had found what we’ve been looking for. One word “Beety”. We tried out a few logos, but nothing was working out for us, so we put it on pause for now.

Typography

We tried a few different fonts, but we just couldn’t find the right one. Just as we are about to give up and just do a safe bet, Faith tried a font on our name rather then trying to make a logo. It was the perfect logo for our application and now all we had to do is find a font that is compatible with our logo font. Once we did that, we build a style tile.

High-Fi

We took the feedback from our tests to refine our high-fi. We applied the branding we created with our user’s input to ensure the best experience while using our product. I’ve waiting for this since we started the project and now, we finally get to bring like to our application. We followed the 60/30/10 rule when applying our colors.