adam/vscode-front-matter
1
0 Fork 0
mirror of https://github.com/estruyf/vscode-front-matter.git synced 2026-11-04 09:32:21 +01:00
Code Issues 77 Packages Projects Releases Wiki Activity

Enhancement: Optimize the dashboard design / UX #71

New Issue
Closed
opened 2026-10-05 02:24:09 +02:00 by adam · 2 comments
adam commented 2026-10-05 02:24:09 +02:00
Owner
Copy link
Copy source

If you are a UX specialist or a designer and want to be part of Front Matter. It would be a great start if you could review and redesign the current dashboard contents and media views.

If you are a UX specialist or a designer and want to be part of Front Matter. It would be a great start if you could review and redesign the current dashboard contents and media views. <!-- github-sync-id:992014245 -->
adam closed this issue 2026-10-05 02:24:09 +02:00
adam commented 2026-10-05 02:24:10 +02:00
Author
Owner
Copy link
Copy source

While you wait for a UX designer, I would suggest writing up what you expect from them. How would you expect the extension to be used and what your target users are - non-programmers or just coders?

What are the pain points (like image selection)?
My philosophy is to never burden the user's mind more than absolutely necessary. Recognize that you want to force the user through the absolute minimum number of steps to achieve their desired action.

Remember that biology plays a role in software design. This is especially true in UX.

  • The brain:
    • 1st processes color
    • then comes shapes
    • then text.
    • and sometime later: comprehension of the text
  • fingers / hand:
    • for mobile, where are the thumbs/fingers able to reach without losing grip on the device?
    • How far does the user need to scroll?
    • How many clicks required to complete an action?
  • UX:
    • Does the user need to read the docs before using it? Or is it easy enough for my grandmother (or 5-year old kids) to navigate?
    • Is the contrast sufficient for reading/viewing the site?
    • Does the visual profile/animation add to instructing the user on operation? (Think about how the most popular games are designed. Users typically don't read a manual before jumping into the game.)
    • For me, this is most important... Does it save my time?
While you wait for a UX designer, I would suggest writing up what you expect from them. How would you expect the extension to be used and what your target users are - non-programmers or just coders? What are the pain points (like image selection)? My philosophy is to never burden the user's mind more than absolutely necessary. Recognize that you want to force the user through the absolute minimum number of steps to achieve their desired action. Remember that biology plays a role in software design. This is especially true in UX. - The brain: - 1st processes color - then comes shapes - then text. - and sometime later: comprehension of the text - fingers / hand: - for mobile, where are the thumbs/fingers able to reach without losing grip on the device? - How far does the user need to scroll? - How many clicks required to complete an action? - UX: - Does the user need to read the docs before using it? Or is it easy enough for my grandmother (or 5-year old kids) to navigate? - Is the contrast sufficient for reading/viewing the site? - Does the visual profile/animation add to instructing the user on operation? (Think about how the most popular games are designed. Users typically don't read a manual before jumping into the game.) - For me, this is most important... Does it save my time? <!-- github-comment-id:1264307810 -->
adam commented 2026-10-05 02:24:11 +02:00
Author
Owner
Copy link
Copy source

I am closing this issue for now. Suggestions can be made in a separate issue.

I am closing this issue for now. Suggestions can be made in a separate issue. <!-- github-comment-id:2084608799 -->
Sign in to join this conversation.
No Branch/Tag Specified
Labels
No items
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
adam (Adam Wojcieszonek)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: adam/vscode-front-matter#71