墨刀添加语音_墨刀公测&设计大赛「优秀奖」- 社交app原型教程（附视频）

应墨墨姐邀请，将墨刀公测&设计大赛的作品录制了制作视频，供大家参考。

参赛作品

https://v5test.modao.cc/app/3360de014451378d4f941e4b24ca225625b4e2e6

制作视频

http://www.iqiyi.com/w_19sb7jj0q1.html

设计思路

团队极客周作品，本意模仿国外很火的monkey一分钟社交，故我们设计了MeetYou。

此次墨刀新交互评测，选取产品里主流线做交互展示。

主流程：

用户登录 —— 一键呼叫 —— 连接中 —— 语音交流

操作核心：

Step 1 : 用户登录

输入用户名+密码，点击登录，跳转到“呼叫连接”页面；

Step 2 : 点击按钮，跳转匹配加载页面

点击“hello，匹配一分钟”按钮，跳转到“连接中。。。”页面；

Step 3 : 连接中，定时跳转；

页签添加全局定时跳转功能，跳转到“语音聊天中”；

Step 4 : 语音聊天。。。

4-1 自动轮播话题，避免尬聊。。。

4-2 真实语音交流场景模拟。

使用感受

墨刀新交互，使用起来方便很多，其中感触包含以下几点：

1、 单个页面下多个状态之间的操作简化了好多；

单个页面的操作和状态下的操作很类似，减少了学习成本。

2、使用细节优化更符合习惯；

2-1 取消全局状态，每个状态可以单独添加组件；

2-2 选中该组件，右键设置在多个状态同步它的外观(添加/替换到-全部状态)；

2-3 定时跳转页面交互可以直接在「全局事件」中设置。

请指教，有录制表达不清晰的欢迎给出建议^_^