Let’s introduce you to Color By Function. The vision of Color By Function is that you color the controls in you app by function and not or not only by control type or the place that makes the layout most beautiful.

Specifying functions by category

First you have to separate functions of an application. You need to make categories of functions. There can be similar tasks in each category.

Here an examples:

Category ‘navigate to another page’. Different tasks in this category:

–  Navigate to Settings Page.  

– Navigate to About Page

Our Main categories

We have currently following categories:

1. We have button’s that read-aloud some text. This is called text-to-speech. (Yellow)
2. We have buttons or other controls that navigate within a dataset. In fact you change the content of some controls but you stay in the same view. (Dark Gray)
3. We have buttons or other controls that navigate you to another view/page in the application. (Blue)

At this time I made apps with 3 these main categories. If I need an application with another main control function I have to link another color.

Multiple app approach

It’s also important if you plan to develop different apps for people with disabilities always make the same color by function color choices.