search

tutao / tutanota

Tuta is an email service with a strong focus on security and privacy that lets you encrypt emails, contacts and calendar entries on all your devices.
https://tuta.com
GNU General Public License v3.0
6.11k stars 526 forks source link

Improve settings view #47

Open bedhub opened 7 years ago

bedhub commented 7 years ago

The settings are organized in categories which are displayed in the navigation column. Categories are Login, Email, Appearance, Whitelabel, ..... Each category can have one or more sections which then have the settings values to configure. Here is an example of the current state were the category "Appearance" is selected which shows the sections "Settings for device" and "User settings". The values to configure are "Language", "Swicht color theme", "Time format" and "Week start".

Screenshot from 2021-10-15 13-38-48

The current settings view as a few problems which makes it annyoing to use.

  1. Most of the settings like "Login", "Email" or "Global Settings" are just displayed in the second column. The third column is never used but reserves a lot of space.
  2. In one or two colum layout you always have to use the hamburger menu in the top left corner to browse through the available settings. Especially for new customer this is confusing if you want to check which settings are available.
  3. The settings are not searchable.
  4. The current grouping of the settings is not really intuitive. Some of them are good like "Change password" you would expect to be in "Settings > Login". A bad example is "Delete account" which is in "Settings > Subscription". There is also a "Global Settings" entry which is not clear what it should contain by just looking at the name.

To improve on these points i suggest to restructure the settings view and put all the settings that are using just one column in one single list which is then searchable/filterable. This list can be under one category "Settings". Each section should become one entry in the list. The section name can be used as text in the list entry (Similar to subject line in mail list). When selectin a list entry the setting values should be displayed in the third column were they can be modified. The category can be added as label to the list entry.

For the example of Appearance that would mean will have two list entries "Settings for device" and "User settings".

The category "Contact forms" is already using a three column layout style but it is not very usefull in this case as most customers have just one contact form. The list style is designed for a lot of entries, therefore we could move the "Contact forms" into their own section or add them to the "Whitelabel" section.

All other settings that are already using a three column layout style should stay the same. We would then have the categories "Settings", "My templates", "User management", "Groups".

vitoreiji commented 4 years ago

Settings are displayed in a column that is narrower than it needs to be, while the space to the right is mostly wasted (on desktop view).