1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 设计管理 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

移动端APP界面设计技巧--九分科技

时间:2020-06-08   分类:设计管理    作者:网络   来源:网络整理   点击:139

作为UX设计师,进行设计移动端APP的时候,确保APP的可用性和易用性是非常重要的。如果一款APP可用性很低,没有什么实际价值,用户没有任何理由去使用它。如果一款APP是有使用价值的,但是需要用户花上大量的时间去学习如何使用,用户也不会使用。 本文来自九分网络

莱茵教育UI培训讲师表示,优秀的UX设计需要注意以下两点: 本文来自九分网络

想要满足可用性的要求,APP应该以用户为中心。 www.9fen.net

用户安装你的APP是因为他们需要解决一个紧迫的问题。

本文来自九分网络

因此,每一款APP都是带着强烈的目的使命的。想想用户使用这款APP的主要目的是什么,然后聚焦于他们的核心目标,扫清他们在使用过程中的障碍。

内容采集来自9fen.net

用你的UX设计带给用户清晰明了的感觉。如果想要用户在使用你的APP时感觉很爽,你必须让用户明白这个APP是做什么,怎么使用它,并且在使用时没有任何犹豫和疑义。

www.9fen.net

移动端APP界面设计技巧--九分科技

www.9fen.net

www.9fen.net

莱茵教育UI培训讲师认为下面的九条黄金法则,可以创造卓越的用户体验 www.9fen.net

1、拒绝杂乱无章

九分网络

用户的注意力是相当宝贵的资源,应该被吸引到重要的地方。界面上太多的信息会让用户觉得杂乱无章:每一个新增的按钮、图片和文本都会使界面更加的复杂。

copyright 9fen.net

Antoine de Saint-Exupéry有一句名言“完美就是恰到好处,没有任何多余的部分”。在移动端APP设计中,剔除一切非必要的元素,因为清晰的界面更便于用户理解。

本文来自九分网络

一个简单的规则:一屏只放一个主要的操作。APP中的每一屏都应该支持一个有实际价值的单次操作。这样学习和操作起来会更加容易。用户宁愿对着清晰明了的界面操作一百次,也不愿意在一个杂乱无章的界面上操作哪怕一次。

www.9fen.net

2、导航的自我解释 内容采集来自9fen.net

帮助用户了解自己在APP中目前所在的位置,在每一款APP中都是一件优先级很高的事情。好的导航就像一只无形的手把用户指引到他想去的地方。毕竟哪怕再炫酷的功能、再引人注目的内容,如果用户不能发现它们,那么它们就是没有意义的。移动端导航设计的正确规则是: www.9fen.net

移动端导航必须是清晰明了的。可以在导航中使用合理的隐喻,这样就不需要任何额外的解释。此外需要确保每一个导航元素(比如icon图标)可以把用户带到他们想去的地方。

内容采集来自9fen.net

移动端导航在APP中的位置是固定的。不要把导航操作移到别处去,也不要随便隐藏它们,这样只会使他们困惑。

www.9fen.net

移动端导航需要向用户传达他们当前的位置。导航不能传达目前位置信息可能是APP中最常见的一个错误。“我在哪里?”是一个成功的导航必须要回答的基本问题之一。

copyright 9fen.net

3、创造无缝体验 内容采集来自9fen.net

我们不应该只注重移动端设计。在移动端、桌面端和平板电脑之间创造出一种无缝体验对用户也是很重要的。 九分网络

移动端APP界面设计技巧--九分科技 www.9fen.net

www.9fen.net

4、设计便于手指点击的触控目标

本文来自九分网络

越小的触控目标越会增加用户点击的难度。当你在设计移动端的界面时,最好将触控目标设计得足够大,这样更便于用户点击。

www.9fen.net

触控目标的大小最好控制在7-10mm,这样用户使用单个手指就可以准确、舒适地进行点击操作。保证用户在点击时,触控目标的边缘是可见的,这样可以给用户一个清晰的反馈。 九分网络

5、文本内容必须清晰易读

内容采集来自9fen.net

和桌面应用相比,智能手机的屏幕相对较小。这就意味着需要将信息适配到较小的界面中。你可能有种把信息尽可能挤到小屏幕中的倾向,但是你不能这么做。

内容采集来自9fen.net

移动端设计的一个经验规则:文本的字体大小至少需要11磅,这样可以保证正常阅读时字体清晰可见。 copyright 9fen.net

还可以通过调整行高和字间距的方式提高文本的可读性。适量的留白可以使混乱的界面更加清晰整洁。

www.9fen.net

6、保证界面元素清晰可见

本文来自九分网络

你应该使用颜色和对比来帮助用户更好地理解你的内容。保证界面元素之间有足够的颜色对比,这样可以帮助那些视力不太好的人更好地使用。 内容采集来自9fen.net

确保字体颜色和背景有足够的对比,这样文本更加清晰可见。W3C推荐使用以下的对比度:

九分网络

小文本和背景的对比度至少是4.5:1 九分网络

大文本(14磅加粗/18磅常规或以上) 和背景的对比度至少是3:1 本文来自九分网络

保持足够的文本对比度在移动端设计中是极其重要的:在户外环境中,因为光线的原因,屏幕上的对比度会更低。

copyright 9fen.net

Icon图标或者其他重要的元素也应该遵循上述的对比度设计原则

九分网络

移动端APP界面设计技巧--九分科技 九分网络

copyright 9fen.net

7、根据手指位置设计操作选项

copyright 9fen.net

标签: 技巧 移动 app 界面设计

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----