Blog
Mert Özen's blog posts on software development, backend, frontend, and DevOps.
Form Design: Label Placement, Error Messages, Inline Validation and Splitting Long Forms
A good form asks for few fields, keeps the label visible above the field, shows no error before the user has finished typing, and on an error says what happened and how to fix it and moves focus to a summary. We cut Bookstore's delivery form from 16 fields to 6 and from 150 characters to type to 54, measure and fix floating labels, asterisks, per-keystroke validation, "Invalid" messages and blocked paste, and apply WCAG 2.2's Redundant Entry and Accessible Authentication criteria.
UI vs UX and Design for Developers: Evaluating a Screen with Usability Heuristics
UI is the visible surface of a screen, UX the whole flow of using it; design decisions are made for measurable reasons, not taste. We group Nielsen's ten heuristics into four questions, review Bookstore's checkout, rank the findings by 0–4 severity, and measure and fix with Playwright a screen that creates two orders on a double-click and wipes the form on an error.