当前位置:首页 >  站长 >  交互设计 >  正文

内容迁移到移动端时,用户体验优化的7个关键点

  2017-08-01 08:58  来源:优设网  我来投稿  我要评论

  立即博v1betinfo招,立即博v1betnet500-1000元

  好的设计往往需要好的内容作为基础支撑。无论是内容还是设计,想要让两者最大化的搭配,往往是需要进行调整和优化才行。

QQ截图20170801085534

  当你的内容需要迁移到移动端上的时候,要怎么让内容和用户体验无缝地配合起来呢?设计师要基于小屏幕的交互来思考整个设计和优化的策略,而今天的文章,就为你分享7个设计技巧。

  1、每屏完成一项任务

white-weather-app

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

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

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

  2、精简并优化导航体系

taasky

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

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

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

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

rndm-online-dating-mobile-app

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

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

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

  4、更大的字体

meet-scout

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

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

  这些实用的字体排版技巧值得看看:《对比这10个注意事项,你的网页文字排版达标了么?》

  5、意义清晰的微文案

dropbox-for-android

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

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

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

  微文案设计指南:《无声处听惊雷!如何用微文案改善网站的用户体验?》

  6、移除不必要的特效

booking-app

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

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

  7、尺寸适配

checklist-app

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

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

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

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

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

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

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

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

  结语

  你准备好重新思考你的网站上内容的正确呈现方式了吗?当你的内容从桌面端迁移到移动端的时候,响应式的设计也许无法真正与之匹配,你需要对内容细节、交互模式进行深入的调整,作出和用户需求真正匹配的设计。

  设计过程中最重要的部分其实是你对于信息和数据的分析,你的用户到底需要什么,他们想要的东西往往能够从数据中洞悉到。

    点赞0 投稿指南 实力品牌 企业会员 责任编辑:西瓜
    作者:

    A5品牌宝

    信息推荐

    扫一扫关注最新创业资讯
    12bet官方网站 博狗网站 易胜博客户端 双子星 httphg7088 银河网址 tt娱乐直播软件 西安交大新闻网 永利网址 必博官网 盈禾 太阳娱乐城 91视频 线上赌博网站 优德88开户 Chemical 365bet 立即博备用网 威廉希尔 重庆人才网 波音娱乐注册 糖豆广场舞 鸿运国际 中国报告大厅 xfmshw 博e百官网 美迪装饰 长沙文艺网 皇冠开户网 世爵代理 大丰收鱼庄团购CAD官网 英雄联盟皮肤站 tt娱乐 888真人官网 郑州大学产业开发与科技合作院 天上人间代理 dafa888 中国澳门赌博 立即博官网(mscbsc) 乐博网址 博e百备用网址 银河平台 888真人开户 西安交通大学外国语学院 娄底市人民防空办公室 小说 咔喔咔 真人游戏代理 真人扎金花安卓版 申博官方网址 澳门百家乐 pc蛋蛋 365体育投注 365bet官网 pc蛋蛋预测 365体育在线 皇冠比分 365bet 必赢亚洲 皇冠比分网 葡京娱乐场 新2网址 dafa888 金沙 澳门金沙 365体育 申博 五湖四海全讯网 鸿运国际 澳门新葡京 世爵娱乐 澳门银河官网 真人娱乐 tt娱乐 皇冠新2 博狗娱乐 bwin 澳门赌场 世爵 银河娱乐 澳门新葡京娱乐场 皇冠即时比分 申博官网 大发 网络赌博 博狗 利来国际 皇冠开户网 优博 皇冠新2网址 沙巴体育 网上轮盘 美高梅 大发888赌场 二八杠 明升体育 明升 bbin 伟德国际 赌大小 和记娱乐 新葡京娱乐 澳门赌博网站 188bet 俄罗斯转盘 百家乐技巧 大发体育 立即博 赌博网站 皇冠体育 澳门新濠天地 澳门博彩有限公司 亚洲娱乐网 开心8 世爵娱乐平台 网上娱乐 皇冠篮球比分网 即时比分网 凯时娱乐 365bet体育在线 易胜博 日博 新濠天地 皇冠足球比分 新葡京娱乐场 黄金城 沙龙365 优德娱乐 澳门现金网 易胜博官网 皇冠娱乐网 澳门美高梅 888真人网址 外围网站 游艇会 赌球 世爵平台 m88 博彩公司 电子游戏 全讯网新2 金沙网址 新葡京官网 新2 宝马会 波音平台 12bet备用网址 博狗体育 澳门博彩 赌博游戏 真人网上娱乐 多宝娱乐 皇冠娱乐 多宝平台 澳门彩票 赌博网 太阳城申博 真钱二八杠 新濠娱乐城 澳门美高梅官网 澳门足球博彩 大发国际 真钱21点 现金牛牛 网上赌博 888真人平台 真人游戏 现金游戏 永盈会 申博开户 赌场游戏 澳门赌场玩法 葡京棋牌 任你博 外围赌球 皇冠现金 注册送体验金 娱乐城 外围足球 多宝娱乐平台 葡京国际 二八杠游戏 足球外围 dafa888娱乐场 赌博技巧 赌球规则 皇冠国际 互博国际 凤凰娱乐平台 博彩导航 888真人赌博 真钱棋牌 888真人备用网址 新利 缅甸赌场 真钱扑克 现金赌博 澳门娱乐城 太阳城娱乐城 大发888 优博平台 滚球 足球开户 老挝赌场 网上真钱游戏 体育投注 现金网 现金二八杠 博彩网址大全 88娱乐 澳门葡京赌场 99真人 赌球网 太阳娱乐城 澳门新濠天地官网 赌球网址 新利棋牌 博彩网 真钱游戏平台 永利棋牌 体育在线 博彩公司排名 澳门赌球 bodog 明升88 澳门博彩网站 威廉希尔中文网站 网上赌球 888真人官网 盈禾国际 888真人开户 澳门网络博彩 太阳城娱乐 澳门足球 现金炸金花 澳门赌博技巧 博狗注册 网络赌球 明升国际 m88明升 足球开户网 大发888娱乐城 纸牌赌博 多宝 12bet 澳门葡京赌场官网 澳门网 澳门美高梅官方网站 美高美 娱乐真人 12博 足球投注