Color By Function

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.

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s