Loading...
 
Skip to main content

Comments, Buttons, User interface; Improving the user interface

Status
Open
Subject
Comments, Buttons, User interface; Improving the user interface
Version
master
Category
  • Feature request
Feature
Comment
Trackers
Resolution status
New
Submitted by
Bernard Sfez / Tiki Specialist
Lastmod by
Bernard Sfez / Tiki Specialist
Rating
(0)
Related-to
Description

At https://dev.tiki.org/item8242-Comments-I-replied-to-a-comment-and-tiki-showed-another-user-as-the-author I create a ticket for a bug but after it happens to me again I'm trying to re-think and re-evaluate. Obviously, I'm doing something wrong (sorry) and I revisited the user interface to understand why I could have been confused.

I'm more and more working on mobile screen also so placement and size with touch screen can be more tricky than with a desktop sized screen.

Image

Image

I suggest:

  • The danger colour shouldn't be the same as secondary
  • The destructive actions should be separated from the others (same line start - end ?)
    • Reply and Post a new comment together (not the same color)
    • Edit, Delete (or cancel) together
  • Edit, Delete (or cancel), the editing actions may be small buttons to emphasis the difference between editing actions vs adding content



With the above in mind, this also can be improved.

Image

10 possible actions:

  • 2 primary - Scarlet (light red)
  • 7 secondary - Bordeaux (dark red)
  • 1... Danger (very light soft-pink) ? ?


In my mind would should have distinction between

  • Adding content often used tools (Edit)
  • Adding content secondary tools (Comments, Files)
  • Collaborative / User tools (comments)
  • Editing tools (Rename, History, Source)
  • Helpers/Admins tools (Translation, Permission, Remove)


Translation can be seen as an adding content tool or editing tool (not 100% sure about this one, I would say that the dropdown is fine as we have it usually somewhere else)

Distinction can be Made with colors, position (start - end) size (btn - btn-sm), design (outlined) and semi-hidden (dropdown)
https://doc.tiki.org/Documentation is different and offer a 4th (or 5th) color which help a bit.

Image

Importance
3
Easy to solve?
5
Priority
15
Demonstrate Bug on Tiki 19+
Demonstrate Bug (older Tiki versions)
Ticket ID
8251
Created
Sunday 11 December, 2022 09:01:09 UTC
by Bernard Sfez / Tiki Specialist
LastModif
Sunday 11 December, 2022 09:06:46 UTC


Show PHP error messages