毁掉APP设计的5个致命错误

2022-05-14    分类: App设计

这个世界上从来没有一个针对App UI设计的通用公式(当然如果有,你也可以分享给我们),但设计过程中总会产生一些致命的错误。这些错误会发生在不同设计师身上,不过如果你犯错了,不要觉得丢人,因为一个好的UI设计是多方面的,不能以偏概全。不过,虽然许多由这些错误产生的细微影响在某些情况中也是微不足道的,但这并不能成为我们忽视它们的理由。


今天,我们的主要目的不仅要指出这些错误,更要去探讨一下如何解决这些问题。下文中,我们将通过一些具体的情形描述这五个致命错误,并将告诉你,如果以后你的团队再遇到这些问题,就知道如何处理啦~


Mistake I:字体的误用


我们先从一些字体的样式说起。


众所周知,San Francisco是IOS系统的默认字体,而Android则是使用Roboto,而这两种字体都具备简洁易辨认的特点。当然,使用系统默认字体是一个安全可靠的选择。但也有一些手机允许用户更改系统默认字体,比如三星,那你就会发现如果用户将choco cooky字体设置为默认,你精心制作的App将会变的面目全非。。。


同时,在很多情况下我们也需要使用自定义字体。这时,设计师们需要记住以下两点:


“Less is more”,这句话想必你已经听了很多遍了。没错,确实有许许多多令人眼前一亮的字体形式,但使用时依然需要考虑这种字体的合理性。在选择这些字体时,需要结合App本身,是否可以配合以独特的字体以提升用户体验,而不是一味的为了使用独特设计的字体去使用它。


版权问题。对,你没有看错,是版权。当你在用心设计产品的时候,你有没有考虑过自己选用的字体和素材是不是拥有使用许可呢?如果这些本就是开源的,那么当然会省很多时间和精力,但仍需要去了解一下,以防在后续的工作中产生更大的麻烦,甚至付出更大的代价。


Mistake II:过度密集的页面


你知道,在一些移动端上,屏幕的界面空间其实并没有你想象的那么充足,那这个时候你就需要有所取舍,而不是将自己认为重要的内容一股脑儿地添加上去。


有的时候,详细并不是一件好事。用户在遇到充满大量信息的页面时,会产生迷茫,甚至排斥的心理。所以设计师们应该将设计的重点聚焦到用户的视线,才能更有效的让用户按照App的设计思路去获得信息。


Mistake III:缺乏一致性


设计师的思路要保持一致,不能让用户产生混淆的感觉。比如说,如果你准备使用一种元素或风格去定义一个类目,那么请坚持下去。用户一向习惯在操作中进行学习,但是一旦他们遇到与预想中不同的操作,便会极大的影响他们的用户体验。

另外,布局和风格的一致性也同样重要--嗯,在大部分的情况下。例如,可以创建一种风格的标准,防止自己在之后的设计中渐渐偏离轨迹。


延续性一直是极为重要的一点。但是,一些特殊情况下,你也可以考虑做一些不同的东西。例如尝试将登录界面或者使用时弹出的新窗口的风格进行改变,这就会产生画龙点睛的作用。但也务必记住一点:在尝试使用脱离整体风格之外的元素的时候,你仍然需要考虑到元素与整体风格的相关性,或者互补性。


Mistake IV:IOS到Android的1:1转换


如今,这种不同系统间的复制效果已经变的不是那么理想了。


很多人会问,直接进行这种1:1的复制难道不是很节省成本和时间吗?


当然,是这样的。但是我们更追求用户的体验,不是吗?用户一直在使用他们自己的手机,并且肯定已经形成与其手机系统相对应的习惯。那么,如果你创建出来的操作习惯与用户的习惯完全不一样,用户就极有可能抛弃你的产品。


举个比较典型的例子,IOS和Android都有自己系统独特的互动模式,暂且不提产品是否能够在两个系统间平滑的进行转换,但如果你让一个系统的用户从零开始学习另一个系统的互动模式,那么他们肯定会不太愉快。


但也不需要过于极端,同一个产品在不同的系统之间也不需要完完全全的不同,因为风格的一致性依然是你需要考虑到的因素,以确保考虑到更多的使用情况,也能延续自己产品的风格。拿租车App Silvercar为例,他们创造了属于自己的导航风格,在不同的系统中也坚持维持着使用相同的元素,这就让这种风格完全扎根到他们的产品中,体现了其产品的特色。


Mistake V:贫乏的信息层级


当你设计一些产品,不管是一张名片、一面网页还是一个软件,用户总是会以不同的途径去与之产生互动,那么你就需要考虑如何基于产品与用户的互动途径,来表现自己想要呈现的信息。


在开始工作前,抽一点时间,坐下来想一想什么才是这个产品你最想突出和呈现的。我相信,一旦你理清了所传达信息的层级,那么你一定会产生一个清晰的想法,如何使用不同的字体、颜色、尺寸、位置去体现这种层级。并且你也需要考虑产品针对的用户群体以及他们的使用习惯,制定出理想型和非理想型的方案,并围绕这些在后续的工作中设计和测试。


- 实践中解决问题的途径 -


现在,我们将告诉你这些问题通常是如何在实践中表现出来的,并且应该如何去解决它们。我们在这里将使用一个订餐软件的界面修改作为例子。


假定一个开发订餐软件的客户需要增加一个餐厅评级的选项,那我们该怎么做。那我们就开始吧:


之前的界面是在iPhone 5仍占有极大市场份额的时候所设计的,所以界面上一些小的单元格、logo、文本在新设备上查看时会变的更为密集,极大地影响用户的操作。从上面对比图你应该已经能看出一些不同,而下图给你放大展现了我们做出改变的地方:


正如你所看到的,单元格之间的距离变的更远了,现在的整体更为清晰且不会被互相影响。同时通过字体、字号的改变,信息层次也得到了改善,品牌的logo得到了突出。用户现在完全可以通过logo找到自己的需求,而不是费劲地去阅读餐厅的名字和信息。


我们做的另外一个工作就是排版,我们使用了Oswald的字体去做名称和标签。最初,我们只预计有一行标签,但后来考虑到餐厅一些多样化的优惠报价,所以现在采取了适应更多标签的方式。


我们还考虑到了不同版本Android内系统字体和三星系统内choco cooky字体的可视化,在这一点上面,我们以添加Roboto作为自定义字体作为解决方法。


而对于评级的标志,我们愿意使用与酒店评分、米其林评分相同的星星标志,直观且有意义。但我们同时也发现了一个问题,我们曾经使用星星作为用户标记喜爱餐厅的标志,现在创新互联就无法将这两个标记同时放出,因为会引起用户的困惑。我们不想产生近似标志含义不一致,也不想更改评分星星的设计。最后,我们通过增加了一个页面,以告知用户增加了新功能的方式去解决了这个问题。


(酷九合金社)

新闻名称:毁掉APP设计的5个致命错误
当前URL:/news/153212.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有App设计

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

网站建设网站维护公司