恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
原型的奥秘,为流量设计
0.0°
2018-11-16 原创文章 经验/观点 举报 1922 5 7 0

原型设计对于用户流量的影响



”虽然有很多可以直接使用的控件,但是设计师任然有很大发挥设计的空间。”

如果读过笔者《sirui视觉规范》一文的同人应该会对这句话比较熟悉,是否会有这样的疑问:怎么让设计的空间发挥得更大?这篇文章将向各位展示我的方法论:为流量设计原型。

        上一篇文章讲到组件化后对设计师工作上提供了很大的便捷,但是是否所有的复杂网络物理系统的设计都可以通过已有组件搭建呢?组件化后有许多天然优势,但是对于用户引流而言一点都不夸张的说或许是致命的。


这个问题的答案将在下文说明:


组件化的设计方法存在诟病,即:

◦界面呆板——通用性带来的界面呆板,而影响用户注意力。

◦紊乱针对性——没有方法论为依托针对目标用户而设计。

◦体验木纳——组件使用不规范(一个功能可选择多个组件表达),而影响用户流量。

交互设计的6大工作内容,本文只讲之一——页面原型设计

交互设计的6大工作内容,本文只讲之一——页面原型设计


原型布局仍然是交互设计师必须着重考量的工作。

交互设计的产出物是产品原型,也就是我们看到的线框图。那么线框图是怎么生产出来的呢?仅仅是一些组件的随意堆砌?每个原型设计师(不论是设计师还是PM)要扪心自问这样做会有什么影响。

原型布局决定了什么?

◦场景体验——可获取用户手势操作反馈,眼动测试反馈。

◦用户路径(核心)——优化流量路径,有目标用户快速准确达到自己的目标。

◦优化用户流量——布局影响用户注意力,从而影响流量。

◦用户预期——产品页面布局与用户心理预期是否匹配(有目标用户会极力寻找入口)。


原型的重点:可视+交互

原型驱动产品设计的核心:提前发现问题并解决问题

原型的图形语言

不同的图形暗示用户停留时间,影响转化率或者与用户预期匹配度。

总的原则:面积大的,颜色对比强烈的,动态的图形可以更加吸引用户注意,从而影响流量。

原型元素的诱导暗示

原型分为:低保证原型、中保证原型和高保真原型。其区别如下所示:

低保真原型:线框图,不可交互,打印在纸上,展示主业务流程;

中保真原型:可简单交互(点击页面跳转),简单配色并配图,但字体、配色和配图不完美;

高保真原型:开发和设计参与,原型可交互,可录入信息,可以实现所有流程,有动画效果,字体、配色和配图与真实产品一致;


【原型布局】

开始原型设计前,需要考虑什么?


共享单车目前方案

Image title

共享单车优化方案

1.用户场景:用户可能在哪些场景下使用产品(预期匹配度),用户目标对于界面布局有很大的影响。例如,用户下完公交要骑车去下一个目的地时希望快点骑上车。打开支付宝共享单车首页进入,一个大大的扫码按钮便呈现在用户面前,点击按钮便可快速扫码,是符合用户预期的设计。


2.眼动测试:界面的版式设计对于用户预期有巨大的影响。打开界面时,用户眼动轨迹,停留时间,是否与目标一致(商业目标或用户目标)。一般的视觉习惯从左上角开始看而后横向浏览,达到类似F形的轨迹。


3.眯眼测试:眼睛眯上看界面时,视觉上颜色最重最大的是眼睛是最先看到的,用于测试界面信息层次感,服务于突出功能层次和区域。


4.用户画像:用户基础数据构建的目标用户模型是用户的化身,同理心对于设计来讲很关键,设计师基于用户认知、情感元素和用户模型的目标来做出设计框架和细节上的决定,设计的力量不应该为设计团队的其他成员而打折扣,用户模型可以更好满足真实用户的需求,对用户模型进行仔细而适当的打磨以后,设计师可以将自己视为用户,赋予用户好的产品体验,也更有兴趣创造好的产品。


6.用户路径优化:选择页面交互更快捷精简的方案可以有效提高流量,保证商业目标和用户目标很好的平衡。好的产品应该是简而精的。


7.用户预期:访谈中得到的用户想要的功能,以合理的形式呈现。B端用户有对业务非常严格的基本要求,C端用户的预期需要观察核心用户的操作才好修改方案。感觉又可以讲一篇文章。


8.手触动的范围(图):主操作的功能放在用户手指易于操作的地方,把辅助或次要操作的功能放在黄色或红色区域。随着手机全面屏的推广,更大的手机屏幕开始进入市场(6.3英寸全面屏),不过如何改变,设计师任然可以自己尝试在屏幕上推测手可触动范围来模拟用户舒适自然的操作习惯。


考虑好以上的问题以后,大致就会对界面布局有几个方案的考虑。而后评审中场景化体验确定一个最优方案实施或进一步测试修改完善(焦点小组讨论、a/b测试)。



【原型设计评审】

说到评审就不的不说评审的标准,有人会跳出来说,看哪个界面好看,就选哪个。笔者刚入行时候也是这么认为的,美观干净的界面是最好的。但是随着笔者的阅历的增长,发现一切的行为都是有依据的。


尼尔森十大可用性原则

(使用场景:产品所有操作东线完成,准备进入开发阶段时,进行最后一步评审会)

尼尔森十大可用性原则

评审原型布局或交互流程时使用“尼尔森10大可用性原则”进行打分,团队成员5-8人(设计师N、中高级用户、初级用户等)打分并陈述理由或改进方案,“设计师即是用户非常重要”!!!

打分标准如下:

其中任意一项没有做到的得1分、有重大遗漏或可能造成严重后果(信息泄露等)的得2分、遗漏不明显但可能造成用户反感的得3分、基本满足原则需要但无亮点的得4分、交互舒适愉悦性价比高的得5分。团队内部评审需达到满分50分方可开展开发工作(理想状态),为用户考虑更多,付出一切都是值得的。


【交互流程设计】

一款app总有它的产品背景(如杭州养老服务app的产品背景是,为老人提供上门服务进行接单计费的工具类app。)用户为什么会打开这款产品就是这个原因。服务人员需要用它来记录服务。记录服务就是它的主功能动线(用户行为而不是页面确定交互流程,这很重要!!!):首先打开 app时开始扫码—确定身份—开始服务—结束服务—管理服务


Image title

移动端原型设计案例1:


杭州养老服务首页设计

       服务单异常空状态页面,插画提醒用户暂时没有异常工单,下方给出一个扫码的入口(图中入口2),潜移默化地引导首次使用APP的用户去“上门扫码”才能开始工作;首页提供多个扫码入口,若用户已习惯入口2进入时,当用户有异常工单时(入口2区域会被异常工单替换)促使用户第一时间去解决异常工单问题,才能继续使用入口2。这种方式对于首次使用app的用户而言较友好巧妙,但是入口分散、重复记忆、扫码入口不突出。

首页的设计思路是希望用户管理自己的工单(毕竟服务人员每天的任务量巨大),所以设计以数据为主的首页编排。


案例二:淘宝消息tab原型设计

Image title

淘宝7.9.2版本采用圆角阴影卡片的形式突出功能入口,方案二是常规的tab组件思路,虽然两个方案都可以实现基本功能,但是对于层次感和吸引力而言,第一个方案更加能吸引用户点击,这就是交互设计师一开始就靠考虑好原型设计对于视觉和流量的影响。在选择交互方案时,需要考虑是否刺激用户点击,还是无目标用户自行切换。

高保真原型和交互动线,有必要或沟通困难的时候会出动画GIF或者axure用于演示和体验(如下图所示)。

笔者之前的高保真原型

高保真原型练习(AE制作)


【原型设计反馈】

1.原型设计完成后,组建4-5人的小组讨论,一般2-3人可以找到原型的50%的问题,4-5人可以找出原型75%以上的问题。

2.像素级优化界面,出高保真原型,然后开展测试开发工作。

3.改版迭代,这时候大数据会告诉我们设计应该朝什么方向走,确定战略层方向,再继续顶图所示的整个交互设计流程,修改原型。


总结:

保持原则,交互引流,引导用户做正确的事。



作者:Lay Chen


 "My name is Lay Chen"

I'm waiting for you on


Dribbble . Behance . Zcool





更新:2018-11-16

收藏

5人已收藏

  • 16

    作品

  • 166

    粉丝

  • 0

    关注

  • 云分析- B端软件体验度量平台
  • Lay设计PC端组件库-超级表格【动效在底部】
  • 风控反欺诈管控中台UX案例研究
  • 原子设计在组件库项目中的应用

    猜你喜欢

      2018-11-16 原创文章 经验/观点 举报 1922 5 7 0

      原型的奥秘,为流量设计

      0.0°

      你确定要举报原型的奥秘,为流量设计

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年08月25日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      7
      5
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录