Roamtify Mobile App UI Design

Designing for Android devices can be challenging sometimes due to the availability of the Android-powered devices with different screen sizes, however, it is certainly not an issue if adaptive design is considered during the design phase of the app. Some developer chose to complain about this, but this likely won’t change anything because it is a deliberate direction that Android meant to go and move forward. The way forward? It’s Adaptive Android Design.

And no, it’s not a new design strategy. It is something that we have talked/discussed/recommended for a couple of years and yet, there are tons of app designers/developers are ignoring this.

Quite often when we talk about designing an app for Android devices, we always start with the phone sizes (~4″ – 6″), which is perfectly fine as a starting point. Unless you want your app to only run on the small-sized devices (well, yeah, let’s consider them small), when you are designing the app, you have to, at the same time, start thinking how it will be adapted to bigger screen size (~ 7″ – 10″), and by adapt, it certainly doesn’t mean stretch up everything when it runs on devices with bigger screen.

Design Principle

If you want to design a great, functional mobile app interface, design principles are hugely important. When used properly, design principles make the UI design job much easier. They remove a lot of the guess work and make interfaces more predictable and, therefore, easier to use.

What am I building?

This app is design for one of my startup – ROAMTIFY.

Roamtify is a crowdsourced advertising platform that has developed a marketing platform that connects drivers with brands to create a powerful and memorable advertisement on vehicles. Our end-to-end crowdsourced advertising platform allows businesses and advertisers to connect, collaborate and create revolutionary economic value. The platform enables small businesses to launch scalable marketing campaigns and offers advertisers valuable data about their messaging.

The objective of this app is use to checks in the driver and tracks their mileage as they go. Driver turn on the app while driving to allow the app to automatically finds the location and logs GPS data using Geolocation. Based on the mileage travel and route record, driver will get paid accordingly. Of course including features like register/login, profiling, mapping, statistic viewing, calendar, messaging, push notification, support and more.

Before we get started, we need to know what we’re designing. We don’t need to bust out the pencil and paper or fire up Sketch just yet. We just need to brainstorm the overall functions of the app. I have been using Photoshop to make UI design for my work and it works well for me. Of course, you can use Sketch or any other tools and plug to Flinto for prototyping (this will be later part).

By sticking with some basic UI design principles as well as a basic design process, we were able to quickly distill our ideas into solid, usable UI designs. Next Steps Moving forward I will be drafting the process flow for advertiser and driver as well as creating use case.

Driver Process Flow

That’s all for now. Peace.