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 .
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.
Want to learn more? Check out these case studies below:
|Actionable Colors Background
Exploration for actionable colors for buttons and colors.
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
Considerations to take when using system or custom fonts.
Exploration of iOS and Android modal designs.