FullStack Labs

Please Upgrade Your Browser.

Unfortunately, Internet Explorer is an outdated browser and we do not currently support it. To have the best browsing experience, please upgrade to Microsoft Edge, Google Chrome or Safari.
Upgrade
Welcome to FullStack Labs. We use cookies to enable better features on our website. Cookies help us tailor content to your interests and locations and provide many other benefits of the site. For more information, please see our Cookies Policy and Privacy Policy.

React Native App Of The Week: Honey

Written by 
Brian Smith
,
Vice President of Design
React Native App Of The Week: Honey
blog post background
Recent Posts
Integrating GitHub Actions and Docker for a Java Project
Businesses Must Seize the AI Wave (Or Cease to Exist)
Code, Deploy, Succeed: Next.js, Firebase, and Tailwind CSS Unleashed

Hello, I’m Brian Smith, the Design Director at the React Native consultancy, FullStack Labs. In our continuing series for the React Native App of the week, I completed a design review of Honey, an app designed to save you cash. We did a review of the app to identify areas and features that succeed and others that could use some improvement. Let’s have a look...

Table of contents

Home View

The home view is beautiful. The product sliders work seamlessly, and they even have a View All Items CTA at the end to prevent users from getting in an endless horizontal scroll loop. The hierarchy of information is excellent. The product and cost are emphasized and the seller is minimized. This is because the purpose of Honey is that you can shop and save with a wide variety of retailers, so exactly who it is coming from doesn't matter much. To scroll back to the top, the user just has to tap the home screen again. This feature helps reduce several scrolling swipes of your thumb.

Truncation

When titles are too long, you should expect them to be shown in full in the full view. When tapping on "Best-Selling Sneakers and Accessories You Need to Train f...", a user would expect to see the remainder of the name on the following screen. And even though there is enough room, the title is still truncated.

Scrolling Long Lists

When scrolling down through a list of search results, the only way to get back to the stores and filters components is to manually scroll all the way back to the top. The stores and filters components should re-appear when the user begins to scroll up, regardless of their scroll position. Then slide back out of the way when the user continues scrolling down.

Product Detail

The product detail page is nice and simple. You can get all the info you want on a product without much scrolling. It's cleanly laid out and organized. Adding to cart is straight forward and easy to follow. It's easy to identify and navigate to the seller's page. When creating a droplist, there are 5 potential actions for the user. This conflicts with Hick's Law which states that "The time it takes to make a decision increases with the number and complexity of choices."

Test Codes

The Testing Codes view is really cool looking, it has this great repeating geometric animation and code text animates to show progress. The speed of the codes swapping in/out makes it feel as though the process is going very slowly due to the app's performance. Increasing the speed at which the coupon codes enter and leave the view will make it feel like the process is running faster and is just trying out several code options.

There is no way to cancel testing codes. A user can continue shopping, but is prevented from completing checkout until the full process has run. Including the ability to cancel checking codes would allow impatient users to complete their checkout. Sure they may be missing out on a deeper discount, but at least they can complete the checkout.

Conclusion

There’s a lot more to this React Native application that we didn’t review today. If you are interested in learning more about how FullStack Labs can help you with your React Native app, or if you’re looking to hire React Native Developers, please let us know and we’d be happy to arrange a free consultation.

Brian Smith
Written by
Brian Smith
Brian Smith

As the Vice President of Design at FullStack Labs, I lead a team that specializes in user experience and interface design, through rapid high-fidelity prototyping, user flow creation, and feature planning. I have over a decade of experience designing complex software applications with a focus on user-centered design principles. Prior to FullStack Labs I was the Creative Director at Bamboo Creative and the Director of Design at Palmer Capital. I hold a B.A. in Design from UCLA.

People having a meeting on a glass room.
Join Our Team
We are looking for developers committed to writing the best code and deploying flawless apps in a small team setting.
view careers
Desktop screens shown as slices from a top angle.
Case Studies
It's not only about results, it's also about how we helped our clients get there and achieve their goals.
view case studies
Phone with an app screen on it.
Our Playbook
Our step-by-step process for designing, developing, and maintaining exceptional custom software solutions.
VIEW OUR playbook
FullStack Labs Icon

Let's Talk!

We’d love to learn more about your project.
Engagements start at $75,000.

company name
name
email
phone
Type of project
How did you hear about us?
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.