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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
我是如何做交互的?——希望能给刚做交互的童鞋一点启发~
0.0°
2015-07-09 原创文章 经验/观点 原作者: 原作者 举报 2078 29 10 6

自己做交互的思路和方法,没有套用什么理论观点,基本是用整体到细节的框架套出来的。如果有不对的地方请指正~~~~

写在前面:

    我目前做的是交互工作。很多刚入行的童鞋不是很清楚交互是做什么的。今天举个具体的例子来说一下自己的想法。也不一定自己的工作方式有多对,也是拿出来交流下,求大神的指点。

 

         最近学了动效设计,想给自己交互设计工作带来点新突破,花了一个星期的时间从网上翻出来大牛的动效教程开始了小白的学习之路。一个星期后,我逐渐从学习AE制作动效技能的教程中走出来。可能是有些感悟吧,促使我的写点东西记录下来,以便今后有所顿悟的时候能够再次翻出来查看。在交互和动效上有一定的提升。

 

这个小文章分为2部分,上篇分阐述我的交互工作思路。下篇阐述我对动效的理解。


----------------------------------------------------------------------------------------------------------------------------------


    以下我举APP签到功能的例子,来阐述下自己对这短时间以来学的东西的总结。

APP的背景:是一个游戏平台,里面有一些公司内的游戏。同时玩家也可以去查看自己感兴趣的关于游戏的内容。是一个以游戏为基础,游戏同人元素为特色的APP。

    签到这块功能是个人中心的其中一个部分。基本执行的是每日来签到,可以拿到APP的奖励。每个月连续签到后会有等级提升,提升后可以有连续签到的技能。


----------------------------------------------------------------------------------------------------------------------------------

上篇——交互工作思路


1)拿到需求先通读一遍,提一些自己觉得关键的问题给产品经理。例如:

    1. 日历是否需要显示在界面?

    2. 补签操作使用一键补签还是用户手动选择日期补签?

    3. 签到和补签是先后关系?还是各自着重强调互不干涉?

    4. 该功能有多少种操作情况?分别是什么?

    5. 签到所得的奖励去哪里领取?如何提示?

    6. 1/5/10/20天这种长时间连续签到,对于玩家是否门槛略高?用户会把会产生倦怠?如果天数没法改变,用什么方式才减少用户的倦怠感?

    7. 连续签到天数和补签天数的概率关系?

    8. 补签次数按等级还是按照连续签到天数?

等等以上这些是我目前能想到的关于交互工作中的一些问题(并不一定全面)。这个地方建议针对不同的项目做不同的交互自查表。为以后不用多费脑子在逻辑流程打基础。

 

2)第二步,挑拣出需要做的功能模块

3)第三步,模块组合。

          首先要看是否需要组合。如果需要自己要理清楚咯~我的思路是树状结构图那样,从整体到细节。该界面的功能模块有以下两种操作方式:

    一是签到和补签属于串联行为,也就是必须签到后才会提示补签的信息。到后来操作完毕后领取奖励。方式2为签到和补签属于并联行为。整个界面上有签到和补签两个按钮。到最后获取奖励。权衡后摒弃第二种。(摒弃要深思熟虑哟~)

 

4)细化模块内的细节操作,和模块之间操作。

   方式1的基础上继续深化。做完整的用户流程。(这里的一些细节逻辑一定要问清楚,不然步骤会有所不同)

情况一:签到—已签到(无补签、无奖励)

情况二:签到—已签到(无补签、有奖励)

情况三:签到—已签到—补签—已补签(有补签、无奖励)

情况四:签到—已签到—补签—已补签—领取奖励(有补签、有奖励)

 

5)情况分类制作完毕后,继续分权重,这里我分了两各维度,四种模式:


挑选其中两种进行界面细化:


第一种:显示日历,可以宏观察看用户自己的签到天数。没准儿可以刺激用户的补签欲望。

第二种:着重强调签到和连续奖励。

用什么样式的先暂时放下不考虑,我还会继续往下做。

 

6)全部流程梳理

重点考虑补签的操作如何做才合适?

第一种:直接是一键补签。用户都无需点击多疑的操作。此处问过程序员GG,可以识别最佳补签时间。也就是说技术上完全没问题。


用户只需要点击2次按钮,然后就全部搞定了~签到下方的日历选择,也是自动选取的。也就是说,日历在这里只是做展示用,没有操作功能。

 

第二种:用户自主选择性补签,操作多出点击选择所需要的补签日期。

这两种方式各有优缺点,个人觉得还是不够好,那么如何选取最合适的方案?下期动效篇继续阐述。

7)细节

    流程大体做出来后,就到了细节的调整,移动端可能没有PC端那么多的操作状态,不过手势操作反馈、Toast提示、浮层、标签提示,何时出现,出现几次,第一次出现后,以后几次是否还需要提示?是否加入趣味性?怎样加入趣味性才是最好的?这些都是需要考虑的细节。不同的项目对于细节的维度是不同的。多积累吧~

 这个还没有洗完,动效篇写完后,这个签到的交互最终样子就会出来~~~~大家有没有更好的版本建议捏?

今天就写在这里吧,下篇动效篇估计有点吃力了。。。呜呜呜~~~~如果大神觉得有哪里不好,请赐教~~~我也是正在学习中

更新:2015-07-09

收藏

29人已收藏

西UE

游戏运营UE

  • 15

    作品

  • 49

    粉丝

  • 17

    关注

  • XO游戏平台改版总结
  • 产品中心首页设计
  • 剑3微信表白墙H5数据&用户体验分析
  • 原创AVG小游戏—师徒【约定】总结
相关标签

    猜你喜欢

      2015-07-09 原创文章 经验/观点 原作者: 原作者 举报 2078 29 10 6

      我是如何做交互的?——希望能给刚做交互的童鞋一点启发~

      0.0°

      你确定要举报我是如何做交互的?——希望能给刚做交互的童鞋一点启发~

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2015年07月09日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      10
      29
      6

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

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

      登录

      手机号

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

      登录
      第三方账号登录