好的设计往往需要良好的内容作为基础支撑,无论是内容还是设计,两者的结合最大化,往往需要调整和优化。
当您的内容需要迁移到移动端时,内容和用户体验如何才能无缝配合设计师必须考虑基于小屏幕交互的整体设计和优化策略,而今天的文章为你分享了七条设计提示。
虽然屏幕越来越大,但是当你的内容出现在移动设备上时,确保每个屏幕只执行一个特定的任务,而不是堆积太多的跨进程内容仍然是很重要的。
虽然在移动设备上,用户习惯于多任务,观看游戏聊天,这种情况很多,用户的习惯和各种应用场景使得移动界面必须保持内容和界面和内容的简单直观,从而使用户在复杂的操作中,没有失去或困惑。
我们如何确保这种清晰的体验所有的文本、插图、视频和UI元素都集中在帮助用户执行特定的任务,成对地配对以允许用户做出选择:你想这样做吗
当用户打开你的网站或应用程序时,他们倾向于执行特定的动作,访问特定的页面,或者你希望他们点击一个特定的按钮,这些动作大部分是基于导航设计的。
虽然桌面页面上高度可用的导航可以承载多个级别、几十个甚至20个不同的导航条目,但在移动端,屏幕限制和时间限制常常使用户太晚或不愿用户浏览如此多的类别。
导航需要精简和优化。如果你不确定从哪里开始,你应该为你的移动版本做用户分析。用户访问的前三个或四个类别是什么这些页面符合主用户组的期望吗您希望用户多点击哪些内容当你确定整个导航的关键要素时,你可以做出相应的优化和调整。
无论你的站点的PV是100000还是100000,你都必须尽可能容易地将你的内容放在移动端上。关键词、图片或内容是否应该被搜索引擎轻松地捕获,但是关键不是算法,而是创建用户W的高质量内容。蚂蚁来了。
从桌面移动到移动,随着平台的变化,内容形状也需要优化和修改。例如,需要对大量的大规模图像进行优化,以满足移动侧的需要,例如选择更合理的图像大小,丢弃图像。JS的效果与移动端的需求不匹配。
在小屏幕上显示的内容应该适当的大小以便于用户阅读和消化。通常,在移动端,每行的英文字符的大小是30到40,大约是桌面的一半。
手机在排版方面仍然有很多值得注意的地方,但是总体来说,让字体更适当地增长可以提高整体的阅读体验。
这些实用排版技术值得一看:比较这10个考虑因素,你的网页排版是不是划痕
微文本在界面中几乎无处不在,比如按钮中的文本,对整个体验有很大的影响。优秀的微文本设计可以使整个界面个性、设计感得到显著提高,是展示信息的重要途径。融入微可理解的内容。
在移动设计中,微文本的显示应该足够清晰,并且总是围绕帮助用户做什么来演示演示文稿。
移动终端上的支付是一种非常常见的使用场景,而支付往往受到各种问题的影响,如跨屏幕的形式,此时,一个强大的微文本的引导可以更好地帮助用户同时填写正确的内容。
在桌面页面上,旋转动态和视差滚动经常使页面看起来很棒,但在移动端,情况却大不相同。当内容迁移到移动终端的网页和应用程序时,效率和可用性始终是第一个要求。指出使用交互是用户的主要需求,去掉那些让用户感觉更好的花哨和无用的效果。
此外,悬停效果应该被消除。手指触摸在移动终端上是交互的主要手段,悬停效率是没有意义的。作为设计者,你需要在点击和幻灯片的交互作用下建立移动体验,因为只有它们能给用户正确的F。反馈。
没有什么比在移动设备上打开网页和加载桌面版本更尴尬的了,它只是缩小了尺寸。移动网页和应用程序应该让用户更容易访问,并且应该更有针对性地进行整体尺寸和布局设计。
考虑到用户在移动设备上浏览的方式,最好将图片裁剪成正方形或类似于移动屏幕大小的形状。
导航可以不使用桌面导航模式,可以使用侧栏或底部导航更适合移动侧的方式;
你准备好重新考虑网站上内容的正确呈现了吗当您的内容从桌面迁移到移动设备时,响应性设计可能并不真正匹配它。您需要对内容、交互模式和设计的细节进行深入的调整,以真正满足用户的需求。
设计过程中最重要的部分实际上是你对信息和数据的分析,你的用户真正需要什么,以及他们想要什么通常可以从数据中看到。
{版权声明}这篇文章的内容是由互联网用户自发贡献的。网站不拥有所有权,不承担相关法律责任。如果发现任何可疑抄袭,欢迎发送电子邮件给YY@ HOU山东网站优化TUI.CN报告并提供相关证据。一旦查实,网站将立即删除涉嫌侵权内容。