查看: 1716|回复: 0
打印 上一主题 下一主题

[UI设计] 5个主要UI错误将会置你的APP于死地!

[复制链接]

1240

主题

11

听众

6720

积分

版主

Rank: 7Rank: 7Rank: 7

纳金币
5474
精华
6

荣誉管理 论坛元老 突出贡献 优秀版主

跳转到指定楼层
楼主
发表于 2017-3-31 17:04:43 |只看该作者 |倒序浏览
对于一个优秀的APP界面设计来说是没有一个普遍公式的(如果你知道一个,请让我们知道)。 但是,如果你想创造一个很棒的APP,我们确实了解APP设计过程中常犯的一些主要错误。
这里的每一个错误都是从所有级别的有着不同经验的设计师所犯的错误中总结出来的。这没有什么可耻的,一个好的ui设计都会面临多方面的挑战,很多方面都可能被简单地忽略掉。
对于移动端产品,我们经常为不满意他们产品的客户重新设计APP,希望可以改进他们的APP的视觉效果和用户体验。这是为什么我们今天想分享一下我们收集一些重要的而又容易被设计师忽视的UI错误。
当然,我们将会提出解决方案,而不仅仅是指出这些容易犯错的点。 这就是为什么我们还会向你展示一个重新设计的APP的视图列表,通过这个案例我们可以更好的解释说明这5个主要的UI错误以及你或你的团队应该怎样解决这些错误。
UI 错误1:滥用字体
1.png
我们从系统字体系列开始说起吧。例如,San Francisco是iOS的系统字体,而Android有Roboto系列字体。它们都易于阅读,并且非常相似。
拓展阅读:《4 tips on typography in UI design》(http://blog.invisionapp.com/4-tips-on-typography-in-ui-design/
那么,在APP设计中,是否可以使用系统字体?答案是非常肯定的,这是一个安全可靠的选择。但是请记住,三星手机是允许用户更改默认字体的。如果手机用户切换到Choco Cooky字体,设计师精心设计的APP可以立刻被抹杀。
您还可以选择更复杂的解决方案并选择自定义字体。不过,如果你走这条设计路线,请记住:
    少即是多。可能有许多很棒的字体,但是它们要被合理运用。始终要明确一点,字体应该被用于增加用户体验,字体类型,尺寸,颜色等太多会使设计复杂化。如果你选择使用自定义字体,注意保持字体简单和连贯。仅在需要时添加自定义字体,并且此时自定义字体也的确可以帮助提高产品的用户体验。为了拥有自定义字体而使用自定义字体并不是使用它的充分理由。
    字体的授权许可。几个月前,我们被要求重新设计一个时尚APP。在查看字体的同时,我们发现该款APP中使用了两种商业字体,两种字体在APP中并没有发挥多大的用途,并且做这个APP的客户并没有这两款字体的授权许可证。这个错误可能会使客户花费$ 2,000!一种字体就是一款软件,需要持有授权许可才能被使用。如果将某种字体使用到APP中,请确保你阅读了授权许可和使用条款。如果不知道是否可以被授权许可使用某字体,那么就不要使用该字体。
UI 错误2:过多的屏幕内容
2.png
在手机比现在的手机小得多的时候,设计师面临的问题是整合必要的东西到屏幕上。例如,iPhone 4的分辨率为640×960,比例为2:3。随着超级手机(或phablets)的出现,我们可以在屏幕上放置更多的东西,比如:更大的字体,更多的按钮和更花哨更潮的设计。
警惕陷入这个自由陷阱。更多并不意味着繁杂,所以要有选择性。每个添加到屏幕上的内容都必须是被用户所推动的,并取决于用户,以用户体验为导向。明智地吸引他们的注意力,以便他们轻松浏览和使用你的APP产品。如果屏幕上太多内容,用户可能会很容易迷失,不知道该怎么办或点击哪里。作为设计师,要通过设计来帮助用户将重点放在重要内容上,并希望用户以直观的方式直接访问重要的内容。
UI 错误3:缺乏一致性
3.png
设计时要保持设计语言、设计风格的一致性。不要向用户传达混合混乱的设计信息。如果你的设计中使用了一个元素进行特定操作,请尽可能一直沿用该元素提示用户进行类似的特定操作。用户通过完成某些操作进行学习,如果用户时常遇到意外或不明确的操作,一定会破坏他们的产品使用体验,因此导致产品的用户体验大打折扣。
另一方面,还要保持产品的大部分界面在布局上的一致性。例如,使用相同的颜色和元素来创建重复模式。用设计规范来设定一致的设计标准,以便设计师或者设计团队可以在设计过程中保持正确统一的规范。
一致的布局可以帮助用户通过你的APP主动学习。当然,对于设计而言,也可以有一些例外,比如:登录页面或其他具有特殊用途的页面。每当你脱离了一致统一的模式,你要记住:每个元素仍然需要组成一个统一的整体。
UI 错误4:从iOS版本 1:1地转移到Android 版本
4.png
以前,从iOS版本1:1转换到Android是有道理的。直到Android 4.0,当Holo Design出现后,这种1:1转换的合理性被打破,Holo Design是Android的第一个合乎情理的主题,它有自己的结构,指南和导航,而这些与iOS不兼容。
那现在,为什么不能直接从iOS版本转换到Android版本,反之亦然?它不会节省你的时间和金钱吗?
也许有可能,但我们最终的设计目标是创造最好的用户体验,对吧?我们都知道,用户有自己的习惯和喜好。他们一直使用手机,而且他们习惯了他们的特定功能。因此,如果你的APP的设计以及交互逻辑与用户的行为习惯不相符,那么用户不太可能享受使用你的APP。
Android和iOS有自己的交互互动模式,如果你为用户提供了需要从头开始学习的其他功能,用户可能不高兴。如果你从iOS转移到Android(或以其他版本),你还可能会犯一些从设备到设备的一致性的错误。
不过,这里有一个好消息,你APP的iOS和Android版本不必完全不同,尽量保持两个平台的大部分视觉风格统一。以汽车租赁App Silvercar为例,他们想出了自己的导航方式,但同时又保留了移动操作系统之间的一致性。
UI 错误5:糟糕的信息层级处理
5.png
当你设计一些东西,不管它是什么,一张名片,一个网站,一个APP,这都意味着用户将以某种方式与你的设计进行交互。依据人与产品之间的交互逻辑,你需要根据所呈现信息的重要程度,进行信息层级规划以及展开设计工作。
坐下来想想你想要突出的最重要的内容是什么。一旦你知道了所呈现内容的优先级,你可以使用字体,颜色,大小,位置等帮助你区分,强调突出重要的内容。用户的行为可能符合或者违背你已经设定的交互逻辑,但你需要考虑或假设用户会用你的产品做什么,并相应地进行设计。
错误—解决方案—再实践
游客,如果您要查看本帖隐藏内容请回复



分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏0 支持支持0 反对反对0
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

手机版|纳金网 ( 闽ICP备2021016425号-2/3

GMT+8, 2024-11-23 17:22 , Processed in 0.094977 second(s), 34 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部