UX Planet - Medium 07月18日 18:42
Invisible UX Friction: A Substack Mobile Quirk That Tripped Me Up
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

本文聚焦于Substack移动端评论功能中的一个用户体验(UX)细节问题:发送按钮的放置位置。作者在实际使用中发现,当在手机上评论时,左侧且缺乏足够间隙的发送按钮极易被大拇指误触,打断了正常的写作和评论流程。文章深入分析了这一问题为何违反了交互设计的可预测性模式和触控目标分离原则,并提出了两种解决方案:一是遵循行业惯例将发送按钮移至右侧,二是保留左侧位置但显著增加按钮与输入区域的间距。作者强调,这类看似微小的设计决策对用户信任、产品流畅度和整体体验至关重要,体现了对细节的关注和对用户的尊重。

🎯 触控目标分离与用户习惯:Substack移动端评论时,发送按钮位于输入框左侧且紧邻输入区域,缺乏足够的填充空间。这违反了交互设计的“触控目标分离”原则,即操作按钮应与输入区域保持适当距离,避免因用户手指(尤其是大拇指)的自然移动而产生误触。相较于WhatsApp、iMessage等主流应用普遍将发送按钮置于右侧的“可预测性模式”,Substack的设计容易打破用户已有的肌肉记忆和使用习惯,导致意外发送。

✍️ 打断写作流程与用户体验:作者指出,在手机上进行长评论时,当需要编辑光标附近的文字时,大拇指很容易滑到左侧的发送按钮上,造成评论内容被提前发送。这种“微摩擦”虽然不至于导致系统崩溃,但严重破坏了用户的写作流畅性,增加了不必要的返回和编辑操作,降低了整体使用体验的愉悦感,尤其对于需要深思熟虑后进行评论的用户而言,这种中断感尤为明显。

💡 微小设计影响用户信任:文章强调,尽管发送按钮的位置是一个“微小”的交互细节,但它却是侵蚀用户信任和阻碍创造性流动的关键点。良好的用户体验往往在于细节的打磨,当用户在无意识的交互中感受到不顺畅或意外,即使他们可能不会明确反馈,但会在潜意识中对产品的易用性和设计者的用心程度产生负面认知。这种“看不见的摩擦”同样会影响用户对产品的长期评价。

🛠️ 两种可行的优化方案:为解决此问题,文章提出了两种解决方案。第一种是遵循行业惯例,将发送按钮移动到输入框的右侧,以符合大多数用户的直觉和使用习惯。第二种是在保持发送按钮在左侧的情况下,显著增加其与输入区域之间的间距,为大拇指的活动提供足够的缓冲空间,减少误触的可能性。这两种方案都能有效提升移动端评论的易用性。

Small details in product design can create big moments of friction. This is one of them.

TL;DR (In Short)

While commenting on a Substack post (not a note) via mobile, I accidentally kept hitting the Send button mid-thought because it’s placed on the left side with barely any padding for my big thumb.

It broke my writing/ commenting flow multiple times. I was actually trying to write a genuine long comment.

In this post, I break down why that’s a UX issue, how it could be fixed, and what it says about the importance of small interface decisions.

I’ve been started using Substack recently. Writing, reading, commenting. On the whole, it’s a joyful product with a joyful audience.

“Even Braindumps are safe”

But recently, while commenting on someone’s post from my phone, I hit an unexpected bump.

Not a bug, not a crash just a tiny UI decision that disrupted my flow in a way that tripped me up.

And it came down to… where the Send button lives when you start to comment.

The Issue: Send Button Placement on Mobile

While typing a comment on mobile, I noticed that the Send button sits on the left side of the input field and worse, it’s very close to the typing area.

No margin. No buffer. Just… tap and it’s gone.

As someone with reasonably normal (but definitely not stylus-thin) thumbs, I accidentally hit Send multiple times in the middle of writing a comment.

How Did It Happen

This specially happens when, I have to edit the word which is near the send button.

I have to tap to the first letter of the word which is quite adjacent to send button and my fat thumb presses the send instead.

In the image below, the cursor is at the end, and if I have to change the first word i will have to move my thumb to the first word. Notice the arrow. High change of clicking the send button.

Each time, I had to go back, edit the comment, and re-send it. Not the end of the world, but definitely not the frictionless experience Substack usually offers.

“Imagine a word which you wrote but did not mean to send , got sent unknowingly”

Design Insight:
This issue may seem minor, but these are the friction points that erode trust and disrupt momentum in creative tools. Users won’t always report it, but they’ll feel it.

Why It’s a UX Problem (Not Just a Personal One)

This issue does not agree with a few fundamental interaction design principles:

whatsapp mobile comment

This is what we often call “invisible friction”. The kind that doesn’t scream, but still interrupts.

How could I Fix It

You could solve this in two ways:

Option 1: Follow convention.
Move the Send button to the right side of the input field. It’s where users intuitively expect it.(the image below is of telegram but , you got my point)

like telegram

Option 2: Keep it left, but give it space.
If there’s a design reason to keep it left-aligned (perhaps for language direction or visual minimalism), then increase the spacing significantly enough to account for two fat thumbs rather than one.

introducing more space

The Bigger Lesson: Small Design Choices Matter

Substack is a tool used by writers. Although AI writing is on the rise but still there are people who are thoughtful while commenting.

When they’re mid-thought ,especially on mobile any unintended action breaks the rhythm.

In the grand scheme, this is a micro-interaction. But micro-interactions shape trust. They signal care. And when done right, they disappear.

And they say

“Good UX is something that goes unnoticed”

No tool is perfect. But as someone built with design and now observing, I believe we owe it to each other (and our users) to spot and share these details.

If you are on substack and expereinced this comment below , would love to year your misadventures while commenting.


Invisible UX Friction: A Substack Mobile Quirk That Tripped Me Up was originally published in UX Planet on Medium, where people are continuing the conversation by highlighting and responding to this story.

Fish AI Reader

Fish AI Reader

AI辅助创作,多种专业模板,深度分析,高质量内容生成。从观点提取到深度思考,FishAI为您提供全方位的创作支持。新版本引入自定义参数,让您的创作更加个性化和精准。

FishAI

FishAI

鱼阅,AI 时代的下一个智能信息助手,助你摆脱信息焦虑

联系邮箱 441953276@qq.com

相关标签

Substack 用户体验 移动端设计 交互设计 误触
相关文章