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

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

参赛作品

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 定时跳转页面交互可以直接在「全局事件」中设置。

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