Design review notes

[juliusknorr]

From the design review call today:

Combined review of #842 and #958

Notes design review

21.02.2023: Julius, Jan, Nimisha, Florian, Joas, Maksim, Jonas

Overall

• Looks really nice! :) And the 3-column layout is also cool

Accessibility

• No way to tab out of the plain markdown editor #971

Navigation

• Between "All notes" and "Uncategorized" there could be a "Favorites" category like in the Android app #1161
• Between "Uncategorized" and the category list there should be a header "Categories", like in Contacts
• Category: Add new category button to create new folders #1002 Also like in Contacts, there could be a "+" to quickly add categories directly there
  • Then later we can talk about a way to quickly remove categories via there. Currently the category is removed if there is no note in it. 2 options for deletion could be to 1) Delete category only, notes will be uncategorized then or 2) Delete category including the notes in it (like a folder deletion).

List view

• More spacing around the icon in the list
• Have same action menu for notes in the list view as in the notes detail view
• Entries need margin to left and right so they don’t touch the navigation on the left and the border on the right
• Adjust style of the date headings
  • More spacing to the top
  • Make sure it uses same component as e.g. in the Talk search for category dividers
• Within categories, sorting should also just be by most recently edited (within subcategories as well)

Detail view

• Breadcrumbs bar is not needed, the category list in the navigation is enough
• 3-dot menu is primary style, should be standard icon-only
• Title handling: Adjust more to Apple Notes in that the first line is taken as title, also if you change it manually

Sharing/details

• Notes for Groups (sharing to other users) #285
  • Sharing is not implemented in Notes yet, we would need to pull in the sharing sidebar somehow → something for after 26

Sidebar

• Category adjustment could go in the note menu #970
• Could be removed since the character / word count is in the 3-dot menu of the formatting bar

Settings

• "Folder to save your notes" input would be nicer and safer as a folder picker dialog #969

Help

• Formatting / Markdown help can be removed #1162
• Just keep the content that is in the emptycontent, showing the brief help and the links to the mobile apps

[juliusknorr]

Updated checkboxes with the current state of #1003 and #1021 being merged.