← 生活与随笔

科技 / 使用体验 /

越用,越在意这些小地方。

自动配色、容易读的小字,还有自然顺畅的中文。做网站的过程,让我更在意这些使用细节。

  • 浅色 / 深色 / 自动
  • 中英文阅读
  • 细节经得起反复使用
约 3 分钟阅读
100%

做这个网站,让我有了一个很具体的地方去讨论设计。我喜欢大胆的动效、有辨识度的视觉,也会不断碰到一些真正用起来才容易注意到的小问题。

比如自动配色。跟随系统、按本地时间切换、参考日出日落,其实是三种不同的逻辑。我希望访客看得懂,也能随时自己选浅色或深色。

还有文字。电脑上有些小字需要大一点,浅色和深色都要看得清。朋友看过之后,也提醒我有些中文太像直译:字面上没错,读起来却不顺。人名、专有名词和语序,都值得重新推敲。

这些反馈都能变成具体的改动。一个更好理解的按钮、一段顺口的中文、一份点开就能读的简历,都会影响访问体验。我希望网站既好看,也好用,而且能越用越顺手。

链接怎么放,也值得想一想。读 FF14 捕鱼故事的人,可能从没玩过这个游戏;打开 F1 案例的人,也未必熟悉进站策略。把合适的资料放在问题旁边,他们就能顺着好奇心继续了解,页面也不用一次塞下所有解释。

我也希望中英文读者都能自在地看这个网站。查到车手或游戏物品的中文名称之后,还要把整句话重新读一遍。名词用对了只是第一步,前后连起来,也应该像一个人平常会说的话。

新加的城市观察台,又给了这些想法一个可以实践的地方。曲线旁边要有能读的表格、日期和来源;动效要照顾减少动态效果的设置;外部数据暂时读不到时,页面也得有东西可看。这些看起来不显眼的安排,同样是我想做好的设计。

城市选择框也是这样慢慢长出来的。我既想从列表里选熟悉的地方,也想输入中文或英文,看看世界另一端。搜到「伦敦」之后,旁边的国家就很重要:同一个名字,可能对应好几个地方,应该让人看清了再选。

分享又带来一个小问题:链接到底该保留什么?我希望别人打开后,能看到我选的两座城和比较方式;至于后来更新的数据,则继续带上各自的时间和来源。能顺手把一个发现传给别人,也是交互值得做好的地方。

看看这些细节背后的判断

读完之后 / 接着聊

你会怎样看?

账户与阅读空间 ↗

欢迎补充经历、提出问题,或指出需要勘误的地方。中英文页面共用这一篇的讨论。

评论服务尚未开放。可以先写下想法,暂存在本机,或通过联系页发给我。

写一份本机草稿

点击“暂存本机”才会保存。共用设备上请在离开前清除;草稿不会自动发布。

0 / 1600

从联系页发给我 ↗

同一瞬间 / 不同经线

此刻,与你相遇。

你的时间,与我的此刻。

你的时间

— : —

等待浏览器时钟

—

Ronaldo 的时间

— : —

等待浏览器时钟

Asia/Singapore

开启 JavaScript 后显示本地时间与时差。

你那里的天气

开启 JavaScript 后显示城市与天气。

IP 位置可能指向网络出口;你也可以用浏览器定位校准。

时间按设备时区显示;我的时区设为新加坡。天气根据 IP 城市估算,也可以授权设备定位。查询结果在本次浏览中缓存 30 分钟。

IP · ipwhois.io ↗天气 · Open-Meteo ↗