AI translation
A story about how things look fine on a PC, but suddenly problematic areas appear when you open them on a smartphone.
Enjoyed this article?
Use "Request tipping" to ask the author to set up tip receiving.
I'm developing the Browser Kitty app, and there's something that happens with pretty high frequency.
Looking at it on PC.
"Alright, this looks good."
Looking at it on smartphone.
"Something's off."
That's basically it.
It's fine on PC, but suddenly becomes noticeable on smartphone.
Common issues include:
On PC, there's enough width that even if you cram in some information, it still looks decent.
But on smartphone, suddenly you can't hide the problems.
"Is this explanation really necessary?"
"Does this button belong here?"
"Isn't this frame too big?"
These things suddenly start bothering me.
In the end, I end up cutting quite a bit.
Since Browser Kitty needs to work on smartphones too, I can't just polish the PC version and call it done.
And when I'm fixing it for smartphone, I almost always end up removing something.
Shortening explanations, consolidating buttons, removing unused space.
I spend more time thinking,
"Do we really need this?"
than adding features.
The danger comes after you think it's finished.
Lately, even when I think something looks really good on PC, I don't trust it much anymore.
It's not complete until I open it on smartphone.
Rather, the moment I open it on smartphone, it's more like,
"Round 2 starts."
And then when I fix it and go back to PC, the PC side becomes slightly off.
It feels less like making a browser tool and more like going back and forth between PC and smartphone.
I'll probably do the same thing with the next app too.
Browser Kittyのアプリを作っていて、かなりの確率で起きることがあります。
PCで見る。
「よし、いい感じ」
スマホで見る。
「なんかおかしい」
だいたいこれです。
PCでは普通なのに、スマホだと急に気になる
よくあるのが、
- ボタンが2段になっている
- 説明文が長すぎる
- 下の固定バーと内容がかぶる
- スクロール位置が微妙
- 余白がやたら広い
- 1画面に収まると思っていたものが収まらない
みたいなものです。
PCでは横幅があるので、多少情報を詰め込んでもそれっぽく見えます。
でもスマホにすると、一気にごまかしが効かなくなります。
「この説明、本当に必要？」
「このボタン、ここにいる？」
「この枠、でかすぎない？」
みたいなことが急に気になり始めます。
結局、かなり削る
Browser Kittyではスマホでも使えるようにしているので、PCだけ整えて終わりにはできません。
そしてスマホ用に直していると、だいたい最終的に何かを削ることになります。
説明を短くしたり、ボタンをまとめたり、使っていないスペースを消したり。
機能を足すより、
「これ、なくてよくない？」
を考えている時間の方が長いこともあります。
完成したと思ってからが危ない
最近はPCで見てかなり良くできたと思っても、あまり信用しないことにしています。
スマホで開くまでは完成ではありません。
むしろスマホで開いた瞬間から、
「第2ラウンド開始」
くらいの気持ちです。
そして修正してPCに戻ると、今度はPC側で微妙になっていたりします。
ブラウザツールを作るというより、PCとスマホの間を行ったり来たりしている気がします。
たぶん次のアプリでも、また同じことをやります。
