Loading...
 
Skip to main content

Button importance (color) is not user friendly

Status
Closed
Subject
Button importance (color) is not user friendly
Version
22.x
Category
  • Consistency
  • Dogfood on a *.tiki.org site
Feature
UI / UX (User interface and experience)
Resolution status
Out of Date
Submitted by
Bernard Sfez / Tiki Specialist
Lastmod by
Bernard Sfez / Tiki Specialist
Rating
(0)
Description

At dev on the buttons the light red is the main "call for action", "default action", primary background color button. The dark red is the secondary background color button.

When I edit/create an event in the calendar on dev.t.o at the bottom, this is what I see:
Image

Due to the placement buttons and the fact that there is 2 default action (primary color) the preview button seems to be the "default" one. That’s wrong UX.
"Save" should be the first (start - left direction) and only primary, "Preview" and "Copy to a new events" should come after with both secondary colors.

This is the same (worst) when editing a page at t.o (cancel doesn’t look like a "cancel" button, it is secondary):
Image

When I edit a tracker item this is what I have:
Image

The order is good but "Rename" and "Write together" have wrong colors. They should use the secondary color. (also the Lock button not shown here is primary color).

We should carefully design our buttons for a better UX.
Those elements a critical for new user approaching Tiki and partly explain why people feel uncomfortable and confused with Tiki.

Saying that Tiki is too big and there is too many options is just another way to say that the interface is too confusing. ?

https://uxplanet.org/focusing-on-buttons-e31d575953bdQuestion
https://courseux.com/best-practices-for-buttons-the-user-experience-of-colors/Question

Importance
5
Easy to solve?
5
Priority
25
Demonstrate Bug on Tiki 19+
Demonstrate Bug (older Tiki versions)
Ticket ID
7672
Created
Sunday 07 February, 2021 11:11:50 UTC
by Bernard Sfez / Tiki Specialist
LastModif
Tuesday 06 December, 2022 13:15:22 UTC


Show PHP error messages