生活可以很知识,知识可以很有趣 短文摘






【每日一话 57】(App) 都是烂 UI 的错!

~ 分享本文 ~


【一抹墨痕专栏】
全部文章
不跟风,不腥膻色,不洒狗血。
只讲有温度的东西~
關注臉書:一抹墨痕


上次在诚品假文青时,看到一本书很有趣,叫“不是你太笨,是烂 UI 的错!”

书里面提到各种有问题的 UI,会让使用者一头雾水的设计,比如想开电梯门,却按到关闭电梯门的按钮。墨痕真的有碰到这种电梯按钮设计,因为很不明显,按下去才知道错了。

说到电梯,我发现长辈很容易搞错叫电梯的方式,比如想下楼,他们却是按“上”,因为他们想的是:
“诶,电梯你上来载我啊!”

因为墨痕是 App 工程师,做 App 就是要面对一堆按钮,那我们就来谈谈关于“按钮”的 UI 问题!

1.文化差异:真的是 OOXX

对,真的就是圈圈叉叉的。有玩 Game 的朋友都知道,在 PS4 等日本游戏里,按叉叉是取消,但是在XBox或欧美游戏里,按叉叉才是确定。而在 Steam,你两种都可能遇上!
(啊其实如果是在 PS4 上的欧美游戏,可能也是照欧美规则)

这东西文化差异,让我每次在玩游戏时,都要稍微想一下来切换反应。

2.到底是关闭中还是开启中?

一般来说,当你遇到开关型按钮时,按钮在左边 (反灰)代表这个设定是关闭的。




看起来是规定好的,但其实开发者可以自定义,在早期,就是App刚开始出现,大家还在摸索的年代。有些人会把左边反灰设计成“是开启的状态”,历经过这年代的人,有时候会搞不清楚,到底目前是关闭还是开启中?

关于这点,我觉得 Android 的设定里,嗯我说的是系统的设定不是那个“设定”App (咳,懂的就知道,不懂没关系),它于下方加注目前的状态,这个很贴心,也对使用者较友善。



题外话,通常App工程师两种手机都会有,原因很简单,比如我是 iOS 工程师,当客户说:
“诶我的哀凤 App 有bug喔!”
这时候 iOS 工程师会回答:“你先看看 Android 是不是有一样的问题。”
因为如果安卓也有一样问题,iOS工程师就会松一口气:
“那就不是iOS的 bug,一定是后台服务器问题啦!”

3.到底是取消下载,还是取消“取消下载”?

这个问题,我想大家也都遇过,请看下图:



所以我按了取消之后,到底是取消下载,还是取消了“取消下载”,然后继续下载?

按照墨痕的开发经验,建议这样做,比如上图的话:

左边按钮写:“没事,还是继续下载好了。”
右边写:“对我确定不想下载了!”

啊,抱歉我讲干话了。

总之要注意两点:

1.不要在两个地方用意义不同,字却长一样的动词。
2.视窗的讯息文字,如果可以,要说明按下之后会发生什么事。

好啦,我直接改给你看:



不过,最佳做法就是不要坚持一定得有“确定”或“取消”,只要按钮定义清楚即可:



结论

开发 App 时,UI 的确是伤脑筋,这就是为什么要尊重专业,让设计来决定喔。然后若想开发 App,或想咨询的,请私讯墨痕喔!(啊抱歉结论歪楼了,不过是讲真的,接受咨询及委托喔!)

注:其实这篇严格来说算是在讲 UX,不过我想一般人就不必那么认真弄清楚 UI 跟 UX 的定义。

本文之臉書貼文連結:
(給墨痕鼓勵,哪怕是一個讚、收藏本文、追蹤墨痕,都進入臉書吧。👍)





來看看【乾話集】!



更多【一抹墨痕】的文章
● 【每日一话 45】蛰居族一两事
● 【每日一话 10】沙赞!

更多【顽心号】的文章
● 相对论表示:“是在哈啰?”
● 【App之道】帮App找回家的路

推荐您看
● 不可能的任务6: 全面瓦解
● 【墨痕尬聊】墨水
● 【每日一话 33】黄琪与艺术总监


友站:单字卡文章




生活可以很知识,知识可以很有趣