美文网首页
那些在移动端UX中犯过的错

那些在移动端UX中犯过的错

作者: Charles_UI | 来源:发表于2017-01-08 19:53 被阅读19次

    如果你是一位有经验的设计师,你可能会同意其他人借鉴学习你的UI设计,这也是最好的实践方法。使用的设计模式、标准准则、使用样式以及可视化的窗口界面,这些都可以做为分析的出发点。

    也许有人会提出坚持前人的知道意见就是对自己的创造力的扼杀,当产品做好上线之后,会发现所有的app就像是从一个模子里面刻出来的一样,但是,从UX的角度看,对此有着不同的意见,习惯使用那些最佳的做法可能会使得你认为Google、Facebook、Instagram等里面永远是对的,这些应用的设计目的和我们的也是一样,因此我发质疑,这里我提出几个方法,当然也可能不是那么完美的观点。

    1.隐藏导航栏

    对于大多数的设计师而言,是反对使用汉堡包菜单的,尽管已经有将近五十多万的app使用,那么我们或许错过了什么,可以说汉堡包式菜单不是简单图标,而是它隐藏在其之后的图标。

    对于设计师,这种解决方案其实有着非常大的吸引力,因为不用担心在有限的屏幕里面挤满整个导航栏,而是默认在一个图标下可以进行滚动弹出。

    可是研究证明,那种暴露出菜单选项栏目的情况下,会增加应用的点击率、用户满意度、和营业收入,这是为什么现在大的公司都会由依然抛弃汉堡包式菜单的原因之一。

    2.Icon随时随处可见

    由于有限的屏幕,这也似乎表明图标替代文本标签是可以节省空间的,使用那些相似的东西可以不需要解释,而且占用更少的空间,这也是很多设计师那么做的。

    假设app的设计师会故意隐藏那些icon,那么识别性就会很困难了,就想下面的例子中的Instagram发送邮件的icon一样。

    或者假设没有任何文字说明和翻译工具的使用,点击那些icon,我们希望得到什么功能呢?

    就和上面的例子中,这是一个很明显的错误,或许我们会认为用户会花费额外的时间和精力来学习探索这些icon,当然这是错的。

    如果设计一个icon,会认为使用一个弹出框的标签就足够了,这是错误的,即使是这种基于用户地理位置信息的手机网站(见下图),用户也不愿意花时间学习。

    当然,这也并不是表明大量使用icon,有些地方使用icon,就会非常不错,比如:搜索、视频播放、电子邮件、设置等功能。(还有就是使用那些已经被用户大量认可的的icon),也就是通用icon。例如下面的心形icon,用户都能猜到是做什么的。

    icon具有抽象和复杂的特点,所以还是有必要显示一个正确的文本标签。在这种情况下icon还是会有用的,因为可以增加识别能力,以及使得界面很友好、有个性。

    3.手势导航

    当苹果公司在2007年推出iPhone的时候,多点触摸技术就得到了主流的关注和被大众接受。因为可以使用一些手势方便控制,比如:点、双击放大、捏、划等。而对于app的控制,就会使用到这些基本的手势。

    就像隐藏导航栏一样,或是icon代替文本标签,手势会让设计师节约很多的屏幕空间。

    要了解手势的基本原则,那就是隐藏,就像汉堡包式的菜单一样,这些都是隐藏的,也就会导致用户不太会频繁使用一些功能。另外一些基本手势是很常见的,但是对于一些特殊功能需要的手势就需要对用户进行适量的解释说明。

    还有一点要强调的是,大部分的手势都是没有标准的,但是对于垮平台,依然是一个漂亮的触摸屏,就像使用最简单的手势刷电子邮件一样,在不同的平台上,会使用不同的设计思路。

    4.初次使用教程

    对于引导页在这段时间比较热门,因为它代表着用户和app第一次相遇,此时对用户进行一些指导教程是很有必要的。

    当然也会产生坏的情况,对于那些只想使用我们app的用户,即使有教程,也会直接跳过。特别是屏幕里面挑出密密麻麻的信息时,这就显得有点本末倒置了。就想下面这句话说的,如果说用户界面需要解释,那就证明是一个笑话。

    对于教程进行一些设计可以用到很多方法,例如:在第一个引导页建立这种上下页面,使用非常简洁的语句介绍自己,而不是介绍详细的功能。

    还有一种方法,就是使用一些更有交互性质的测试,例如多临国没有解释如何使用app,而是鼓励用户做出选择题,即使没有许可,这也说明使人是热爱学习的,非常吸引人。

    还记得在ios系统中邮件的滑动手势吗?这也是一种引导用户使用的方法:在实践中学会如何使用?并尝试每个手势。

    5.对于空白页面的创意发挥

    对于空白页面很容易被一些初级的设计师忽略,这个重要的因素那就是涉及到整体用户体验,应该尝试重视起来。

    对于那些空白或者是错误的页面,设计师应该是一个发挥创造力的好地方。例如下面Google的空白页面:

    咋一看似乎中间有一个很大的漂亮图形,并且遵循设计布局的基本原则。另外也会发现一些奇怪的现象。

    a.为什么底部会出现搜索按钮,没有收藏夹,那需要查询什么?

    b.中间最突出的图像并不能点击使用,尽管很多人会尝试点击。

    c.右上部的加号代表继续添加,这就显得有些困惑了。

    上面是空白页出现的情况,但是用户并不能了解到:收藏什么?现在能使用吗?为什么还要让我继续收藏?我这个时候应该怎么做?

    当谈到创意的时候,少即使多,下面例子中的空白页就非常的出色。

    最后,质疑一切

    不要误会我的意思:基本的设计原则和最佳时间依然是最有效的,但是需要记住用户和app的差异性。一个解决方案可能在app中能非常友好的使用,但是对于用户就显得不怎么友好了,这与任何尺寸无关,另外我们永远不会知道在什么情况会遇到什么样的问题,这需要灵活应对。做自己想做的设计就认真研究吧。不断的测试再测试验证,如果有意义的情况下,也不要去忽视那些准则。

    作者:Zoltan Kollin

    https://medium.com/@kollinz/misused-mobile-ux-patterns-84d2b6930570#.apipbd27i

    相关文章

      网友评论

          本文标题:那些在移动端UX中犯过的错

          本文链接:https://www.haomeiwen.com/subject/ebxcbttx.html