内容迁移到移动设备时 用户体验的7个关键点
好的设计通常需要好的内容作为基础。无论是内容还是设计,如果想** 大化两者的结合,经常需要调整和seo。
当内容需要迁移到移动设备时,如何使内容和用户体验无缝地协同工作?设计师应该考虑基于小屏幕交互的整个设计和seo策略,今天的成都优化将为您分享7个设计技巧。
1、每屏完成一个任务
尽管手机屏幕越来越大,但当内容出现在移动设备上时,仍然必须确保每个屏幕只执行特定的任务,并且不要积累过多的跨流程内容。
虽然在移动设备上,用户已经习惯了一心多用和看游戏聊天聊天,但这样的情况层出不穷。用户的习惯和多样化的应用场景,使得移动界面必须保持内容和界面以及内容的简单直观,以免用户在复杂的操作中迷失或感到困惑。
那么,如何确保这种清晰的体验呢?所有文本、插图、视频、UI元素都集中在一起,以帮助用户执行特定任务,它们一起让用户做出选择 是否要执行此操作?
2、seo导航系统
当用户打开你的网站或应用程序时,他们通常倾向于执行特定操作、访问特定页面,或者希望他们单击特定按钮。这些操作能否实现主要取决于导航模式的设计。
虽然在桌面网页上,一个高可用的导航可以承载多个级别、几十个甚至20多个不同的导航项,但在移动端,屏幕限制和时间限制往往会让用户来不及浏览这么多类别。
导航需要精简和seo。如果不确定从何处开始,则应对移动版本执行用户分析。用户访问** 多的前三四类是什么?这些页面是否满足主要用户群的期望?您希望用户单击“更多”哪些内容?在理解了整个导航的关键元素之后,可以进行有针对性的seo和调整。
3、基于搜索引擎的设计模式
“不要总是玩弄算法。创建用户希望看到的内容是正确的方式,“无论你的站点的PV是100还是100000,都必须努力使移动内容更易于搜索。关键字、图片和内容都应该进行seo,以便于搜索引擎进行爬网。但** 关键的不是算法,而是创建用户想要获得的高质量内容。
从桌PC面迁移到移动设备时,还需要在平台中进行适当的seo和修改。例如,大量的大尺寸图片需要根据移动终端的需求进行seo,比如选择更合理的图片尺寸,放弃不符合移动终端需求的JS动画。
4、大字体
小屏幕上显示的内容应适当增大尺寸,以便于用户阅读和消化。一般来说,移动终端上每一行可以容纳的英文字符的大小是** 合理的,这个数字基本上是桌面上的一半左右。
在移动终端的排版设计中还有很多需要注意的地方,但是一般来说,适当加大字体可以提高整体的阅读体验。
5、清晰的微文案
微文案在界面上几乎无处不在,比如按键中的文字,它们对整体体验有很大的影响。精心设计的微文案可以显著提高整个界面的个性和设计感。它们是将设计转化为微观可理解内容的重要途径。
在移动终端的设计中,缩微镜的显示应该足够清晰,并且必须始终围绕用户想要做的事情来抛光。在移动终端上支付是一个非常常见的用例,支付经常会受到各种问题的影响,例如跨多个屏幕的表单。此时,一个更具指导性的缩微复制可以更好地帮助用户一次填写正确的缩微复制内容。
6、去除不必要的特效
在桌面网页上,旋转动画和视差滚动经常使网页看起来很棒,但在移动设备上,情况完全不同。当内容迁移到移动网页和应用程序时,效率和可用性始终是首要要求。快速无缝的加载和点击使用交互是用户的主要需求。去掉花哨无用的动作效果会让用户感觉更好。
此外,还必须移除悬停效果。手指触摸是移动终端交互的主要手段,而悬停运动的效果是毫无意义的。作为一个设计师,你需要围绕点击和刷卡这两种交互方式建立移动体验,因为只有它们才能给用户正确的反馈。
7、尺寸调整
在移动设备上打开一个网页,结果是桌面版,只是尺寸缩小了,没有什么比这更尴尬了。移动终端上的网页和应用程序应该更方便用户访问,总体尺寸和布局设计应该更有针对性。
有时,这种内容改编只需要对部分内容进行重新编排。桌面上水平排列的控件可以垂直排列在移动终端的页面上;考虑到用户在移动设备上的浏览方式,图片** 好切割成正方形或接近手机屏幕的形状;文字和缩微复制的设计应该更加简洁直观。导航无法遵循桌面导航模式。侧边栏或底部导航可用于更方便移动的方法。行为调用元素可以变得更大,甚至扩展到整个屏幕,所有按钮或可点击元素都放置在手指** 有可能触发的位置,根据用户持有的方式。
准备好重新考虑网站内容的正确呈现方式了吗?当内容从PC迁移到移动设备时,响应式设计可能与之不匹配。需要对内容细节和交互模式进行深入调整,以使设计真正符合用户需求。
设计过程中** 重要的部分实际上是你对信息和数据的分析,你的用户到底需要什么,他们想要什么通常可以从数据中学习。