Redirecting to default login... Actionable Colors Recommendation – Mobility Center of Excellence Team Website

Actionable Colors Recommendation

It is imperative for users to quickly identify what components on the user interface are actionable. This case study reviews actionable buttons and text recommendations to inform the KP Design community about the most current design trends. To read more about the thought process for our recommendations, please refer to Actionable Colors Background .

Recommendations

In 2019, these actionable colors will be changing as KP Mobile will be adopting KP Brand Center’s updated KP Actionable Blue (#0078B3) for their actionable button. KP Mobile follows the Mobile Guidelines and Brand Center Guidelines . The former KP Actionable Blue (#006BA6) and the updated KP Mobile Actionable Blue (#0078B3) are very similar but the updated KP Mobile Actionable Blue is slightly brighter. Therefore, to align with KP Brand Center, KP Mobile and KP.org styles, we recommend using the updated KP Mobile Actionable Blue (#0078B3) for all actionable buttons and a brighter blue (#0E77D1) for all actionable text. This will create style consistency in our mobile applications.

Actionable Blue Button #0078B3

Updated KP Mobile Actionable Blue

Actionable Blue Text #0E77D1

Updated KP Mobile Actionable Blue

 


Recommended

My Doctor Online screen with recommended actionable colors

My Doctor Online Screen with recommended KP Mobile Actionable Blue (#0078B3) and recommended actionable text blue (#0E77D1).
Recommended

My Doctor Online screen with recommended actionable colors

My Doctor Online Screen with recommended KP Mobile Actionable Blue (#0078B3) and recommended actionable text blue (#0E77D1).


 

Want to learn more? Check out these case studies below:

Actionable Colors Background Actionable Colors Background
Exploration for actionable colors for buttons and colors.
Actionable item controls Actionable Item Controls
Best practices for implementing segmented controls and tab bars. Investigating the UI for an item in a “disabled” state.
Mobile Fonts – System and Custom Mobile Fonts – System and Custom
Considerations to take when using system or custom fonts.
Modal Design Modal Design
Exploration of iOS and Android modal designs.