Sign in

Android Developer @HealthifyMe | wanted to be a writer so I write code now | Reader

As the name suggests either A or B. A/B testing is a way to improve your app by testing a feature on a subset of users.

Photo by Luke Chesser on Unsplash

What is it?

Let’s understand it with an example. Suppose you are working on an app that needs some changes on the dashboard. Your old dashboard has a very old UI, you want to change it with some material design and some really cool animation. Now you don’t wanna take the risk to change everything without knowing users' feedback on the new dashboard. For that what we can do is, we can show a subset of users…


Photo by Yancy Min on Unsplash

Sometimes when we have to work on a feature that requires backend and frontend support. And there are diff teams who work on the front and backend. You are from the front-end team, you can’t wait for the backend team to complete their API because of the deadline. In that case, we work with a dummy API, which contains the same JSON structure. It can be done in multiple ways, The best way to go ahead is to mock your API.

There are multiple ways to mock API, we are gonna discuss a few which we personally use at HealthifyMe.

Mockable.io


HealthifyMe App Dashboard

Recently we at HealthifyMe revamped our app dashboard to make it more user engaging. And we tried some really cool animation. One of them is card flip animation. When the user tracks water, sleep, or anything else, we show a gratification screen saying “yay you achieved your goal”, would you like to share that with your friends. So on the dashboard, once user achieved their goal we are flipping progress card to gratification card.

In this article, we will see how to implement that, and what we should not do.

Step 1: Create front and back card designs.

#. Card_gratification.xml


Notifications are important to get user attention. In the first part of this article, we talked about notifications, why we need them, how to create a notification, how to fire them, and their appearance on the device.

you can visit part 1 from here:

In this article, we will learn about:

  • Grouped notifications
  • Time-bound notifications
  • User action on buttons in the notification
  • Add a direct reply action
  • Retrieving user input data in the app

Grouped notifications

Let’s understand this with an example. In your WhatsApp, one day you are added to a new family group. Now when all your family members are…


https://ifunny.co/picture/tinder-yesterday-10-22-am-who-are-all-these-new-Wbsry7hr6?s=cl

Notification is a display message that we show outside of our app to users. It helps to remind time-based things or communicate with other people. Users can open the app by tapping on the notification or provide action there only.

Like in WhatsApp we get message notifications if the user taps on notification we open a chat window or we can simply type our message in notification. and send it.

Appearances on a device


Motion layout is a layout that helps you for managing motions of view objects or to create an animation.MotionLayout bridges the gap between layout transitions and complex motion handling, offering a mix of features between the property animation framework, TransitionManagerand CoordinatorLayout.

In this article, I’ll discuss how we can achieve CollapsingToolBar behavior by MotionLayout. How to create MotionScene and use of each attribute.

You can use either just Motion layout makes easy to implement complex animations.

Collapsing toolbar V/S Motion layout

Collapsing Toolbar : This is part of the material design library.

what’s app profile

Sample code to design something like this will be below:

Now if…


Onboarding completion animation in HealthifyMe app

We at healthify focus on giving a plan which is best suited for the user. To achieve this, at the time of onboarding we ask users a few questions regarding their age, weight, and if they do any physical exercise or do they have any injury? After completing all answers we show an onboarding completion screen, which has some animations as you can see in the above video. We focus on user interaction to make our app more user-friendly.

Today in this article, we will learn how we can achieve that.

Step 1: Add few basic libraries in your project…


Photo by Mark Boss on Unsplash

Architecture components are a set of android libraries that helps your app structure in a way that is testable, reusable, maintainable.

There are few lifecycle aware android architecture components:

  1. ViewModel: Helps to create, store and retrieve data and communicates with other components belonging to the same lifecycle.
  2. Lifecycle Owner: It’s an interface implemented by activity and fragment, to observe changes to the lifecycle of owners.
  3. LiveData: Allows observing changes in data across diff components in the same lifecycle.

View Model

ViewModel is a class that is responsible for preparing and managing data for Activities and Fragments. …


Photo by Thorn Yang from Pexels

Open your phone and start any application. Can you see any app without any image? No right? We are fond of images, an app without images is like food without spices. SO we as a developer use imageView to show images in a particular view at a particular position for a given size.

But many times, we face various issues related to the scaling of the image i.e. either your image will be cropped or you will get your image left aligned and many other problems arise while scaling an image.

In this article, we will learn about the imageView…

Karishma Agrawal

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store