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: Speedy Cash

Written by 
Brian Smith
,
Vice President of Design
React Native App Of The Week: Speedy Cash
blog post background
Recent Posts
Getting Started with Single Sign-On
Choosing the Right State Management Tool for Your React Apps
Accessibility in Focus: The Intersection of Screen Readers, Keyboards, and QA Testing

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 Speedy Cash, an app that allows people to apply for personal loans from their mobile devices. 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

Launch

When the app initially launches, you are presented with a very nice layout. There is adequate spacing around the logo, and even the person facing toward the right, rather than the left, which implies forward movement. However, if we look at the launch again, you can see that there are several states of the loading process which causes a jarring flashing effect. This can be improved by adding subtle transitions and removing unnecessary states.

Form Design

On the Create Your Account view, while you are entering your email address, there is a hint that helps fix mild typing mistakes, and tapping it fills the field with the correction. This nice touch helps users avoid a potential account problem.

There are a few issues in this view that could be easily resolved with some minor tweaks. The first is providing direct instant feedback about whether the password has meet the requirements, and whether the password matches when they are asked to re-enter it. Displaying errors as soon as they occur allows the user to fix them before changing their mental context. You could also choose to display the criteria as a caption below the fields, improving the likelihood of the user fulfilling them on the first try.

The security question dialog text is rather small and could present and accessibility problem for those that are somewhat visually impaired. The size of the text should be increased. This may necessitate the use of a full-screen dialog, which would also make the presence of empty space less distracting. 

Finally, the red color used to Create an Account, makes the action appear worrisome to users. Changing the color to green would be a good choice in this view to help encourage users to proceed.

Progress Indicators

When completing the application, it is unclear how far along in the process the user is at any point. Also, it is unclear whether you can exit the process and save your progress. You should always have an indicator of progress so the user knows what to expect. It appears that the user's account is created after the Create Your Account view is submitted, and the progress is saved at each step, which is great. Users would appreciate being made aware of that. 

There’s also a minor bug here: the take-home pay field begins by entering a decimal. Simply clearing the field on focus so the user can begin typing with dollars will fix this.

Appropriate Empty States

The store locator map is pretty quick to load and the ability to detect your location is a helpful feature. However, it appears as though there are no stores nationwide. This is not the case, stores are only shown after the user enters a location or zooms in on the map. Here, some sort of initial state indicating the number of nationwide stores, and perhaps showing clusters of stores in the target regions would prevent the users from thinking there are no stores at all.

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.