全国热线

025-86901720

全国监督投诉热线:9:00-23:00

移动端交互设计需要注意这七点

移动端交互设计需要设计师基于小屏幕的交互来进行设计和优化,相比于PC端,还需要进一步对内容细节、交互模式等进行调整优化。今天南京学码思UI培训老师就来给大家分享了移动端交互设计的7个技巧,一起来学习一下

所谓交互设计,重要的是设计师要了解面对的是什么用户群体以及用户需要的是什么,然后通过对信息和数据的分析,将内容与设计更大化搭配,给用户带来好的感受和想要的东西。移动端交互设计需要设计师基于小屏幕的交互来进行设计和优化,相比于PC端,还需要进一步对内容细节、交互模式等进行调整优化。今天南京学码思UI培训老师就来给大家分享了移动端交互设计的7个技巧,一起来学习一下。

移动端交互设计需要注意这七点

1、每屏完成一项任务


虽然手机的屏幕越来越大,但是当你的内容在移动端设备上呈现的时候,依然要保证每屏只执行一个特定的任务,不要堆积太多的、跨流程的内容。


虽然在移动端设备上,用户已经习惯了执行多任务,看着球赛聊着天,这样的案例不胜枚举。用户的习惯和多样的应用场景使得移动端界面必须保持内容和界面与内容的简单直观,这样用户在繁复的操作中,不至于迷失或者感到混乱。


那么怎样保证这种清晰的体验呢?所有的文本、插画、视频、UI元素都集中帮助用户执行特定的任务,搭配在一起让用户作出抉择:你想执行这个操作吗?


2、精简并优化导航体系


当用户打开你的网站或者APP的时候,他们通常倾向于执行特定的操作,访问特定的页面,或者你希望他们点击特定的按钮,所有的这些操作能否实现,大多是要基于导航模式的设计。


虽然在桌面端网页上,一个可用性较强的导航能够承载多个层级、十几个甚至20多个不同的导航条目,但是在移动端上,屏幕限制和时间限制往往让用户来不及也不愿意去浏览那么多类目。


导航需要精简优化。如果你不确定从什么地方开始,那么你应该针对你的移动端版本进行用户分析。用户访问得多的前三四个类目是什么?这些页面是否符合主要用户群体的期望?你希望用户更多点击哪些内容?当你搞清楚整个导航的关键元素之后,就可以有针对性地做优化和调整了。


3、基于搜索引擎的设计模式


“不要总是玩弄算法,创造用户想看的内容才是正途。”


无论你的网站的PV是100还是10万,你都得尽量让你的移动端上的内容更易于被搜索到。无论是关键词、图片还是内容都应该能够被优化到易于被搜索引擎抓取到。但是关键的地方并不在算法,而是要创建用户想要获取的优质内容。


从桌面端迁移到移动端,内容的形态也需要跟随着平台的变化而进行适当的优化和修改。比如大量的大尺寸的图片需要跟着移动端的需求而进行优化,比如选择尺寸更合理的图片,放弃不匹配移动端需求的JS动效等。


4、更大的字体


在小屏幕上显示的内容,应该适当地增加大小,让用户能够更轻松地阅读和消化。通常,在移动端上,每行容纳的英文字符的尺寸在30~40个比较合理,而这个数量基本上是桌面端的一半左右。


在移动端上排版设计要注意的东西还有很多,但是总体上,让字体适当的增大一些,能让整体的阅读体验有所提升。


5、意义清晰的微文案


微文案在界面中几乎无处不在,比如按钮中的文本,它们对于整体的体验有着不小的影响。设计优秀的微文案能够让整个界面的个性、设计感有明显提升,它们是信息呈现的重要途径,将设计转化微可供理解的内容。


在移动端设计上,微文案的显示要足够清晰,并且始终是围绕着帮助用户要做什么,来打磨其中的表述方式。


在移动端上支付是非常常见的使用场景,而支付时常受到各种问题的影响,比如横跨多屏的表单,这个时候,引导性较强的微文案能够更好的帮助用户一次填写好正确的内容。


6、移除不必要的特效


在桌面端网页上,旋转动效和视差滚动常常会让网页看起来非常不错,但是在移动端上,情况则完全不同。内容在迁移到移动端的网页和APP上的时候,效率和可用性始终是第一需求。快速无缝的加载和即点即用的交互是用户的首要需求,剥离花哨和无用的动效,会让用户感觉更好。


另外,悬停动效也要去掉。移动端上手指触摸是主要的交互手段,悬停动效是毫无意义的存在。作为设计师,你需要围绕着点击和滑动这两种交互来构建移动端体验,因为只有它们才能给用户正确的反馈。


7、尺寸适配


在移动端设备上打开一个网页,结果加载的是桌面端的版本,仅仅只是尺寸缩小了,没有什么比这个更令人尴尬的了。移动端的网页和APP应该让用户更易于访问,对于整体尺寸和排版布局的设计,应该更有针对性。


有的时候,这种内容的适配只需要针对部分内容,重新排布。


在桌面端横向排布的控件,可以垂直排列在移动端页面上;


考虑到移动端设备上用户的浏览方式,图片比较好的是被切割为方形,或者和手机屏幕比例相近的形状;


文本和微文案应该设计的更加简明直观;


导航可以不用沿用桌面端的导航模式,可以采用侧边栏或者底部导航等更适合移动端的方式;


行为召唤元素可以做的更大,甚至扩展到整屏;


所有的按钮或者可点击的元素都按照用户的手持方式,放到手指易于触发的位置。


其实交互设计并没有想象中那么高深,随着积累的实践和经验越来越丰富,在设计方面也会更加得心应手。在这个移动互联网的时代,掌握了移动端交互设计,可以说就是掌握了大部分市场。以上南京学码思分享的几点,希望对于大家做好交互设计能有所帮助。如果你还有什么不懂的或是想获得更多学码思UI设计教程的话,也欢迎你随时咨询联系我们在线老师。


上一篇:企业VI设计包括哪些,与平面设计有什么关系
下一篇:网页设计中文字排版有什么需要注意的

相关推荐

免费试听 | 学费咨询 | 在线报名 | 申请补贴 | 软件培训 | 网站地图

2016-2020 南京学码思教育科技有限公司 .All Rights Reserved

苏ICP备16033487号 www.njxms.com.cn

全国热线

400-080-3312

全国监督服务热线:9:00-23:00