Here’s a well-structured summary of the UX improvements from Matt Swanson’s blog post, broken down into clear sections f
Here’s a well-structured summary of the UX improvements from Matt Swanson’s blog post, broken down into clear sections for readability:
---
Related Images
- **Observation**: The page header ("New screenshot") is unnecessary since users arrive via a direct link or breadcrumb.
- **Tweak**: Remove the `<h1>` tag and expand the breadcrumb to "Add new screenshot" for clarity.
- **Observation**: The "Private?" checkbox is awkwardly placed on a new line due to Rails form builder quirks, and inputs are ordered (caption → visibility → image), which feels unnatural.
- **Tweak**:
- Inline the "Private?" checkbox.
- Reorder inputs to prioritize the image (most important) first, followed by visibility, then caption (optional).
- **Observation**: The drag-and-drop area is oversized, file inputs are stacked confusingly, and the placeholder text doesn’t align with conventions.
- **Tweak**:
- Shrink the drag-and-drop area.
- Move the text inside the area.
- Use side-by-side file inputs with clear labels (e.g., "Drop or browse").
- **Observation**: The phrase "Add this data" is redundant, and the button lacks proper styling.
- **Tweak**:
- Remove redundant text.
- Apply consistent button styling (`btn-primary` class).
- Change the caption field to a single-line text input.
- **Observation**: New users may not understand the "Private?" flag or the intent behind it.
- **Tweak**:
- Add concise microcopy (e.g., "Keep this image private?") and an "Not sure" option.
- Replace the "Back" link with a muted "Cancel" button for better flow.
---