Medium’s new code block icon.
Medium’s new code block icon.

Five UX stars for Medium’s new code block icon

Truly a delightful highlight to all code and tech writers

Eva Schicker
4 min readOct 21, 2022

--

<p>Thank you, Medium!</p>

UX changes to creator sites usually make me cringe. They pop up without warning or explanation. They often bring disarray and result in consternation. For instance, an intrusive UX change, such as a sudden live pop-up camera feature, might have creators scramble for preference settings adjustments. Or worse, they become grumpy and disoriented, or in a worst case scenario, quit the site or app.

However, subtle UX changes as meaningful add-ons can change the user’s interactive experience deeply and for the better. A positive change in a UX interaction means that not only is it mechanically easier for users to perform a specific action, but also users feel that their pain points have been heard and remedied.

The newly minted code block icon

The code block icon is a most delightful addition to the add-content icon bar. In equal status to all the other content inserts, it invites for a one-click styling for code writers.

Before the code block icon, Medium’s code writers had to implement ⌘ + Alt + 6 or ``` to pull up the code block design. Not that was difficult to do, but it’s difficult to remember if you are stressed or not in the flow. If one forgot, writers had to pull up Medium’s shortcuts help page and start searching for the shortcut.

A clean and super-functional improvement

All this has been made so much more pleasing with the new {} icon. Second to last in the add-row pop-up, it is easy to access, and looks nice. And… the subtle redesign on the icon pop-up looks great. The green color presents go-action, inspiring writers to go ahead and insert these interactive elements, be it a video, an embed, or yes, a code block!

Code blocks mean a specific thing

Code blocks are inserted into text specifying code writing, such as html, css, javascript, or any code language.

--

--

Eva Schicker

Hello. I write about UX, UI, AI, animation, tech, art & design through the eyes of a designer. UX lead Lelantos Press, UX GA grad. I also write fiction & paint.