【每日一练1】电话功能交互设计

这是一个新的系列，争取每天能做一个小的交互案例的设计，不仅分享设计产物，还会讲讲设计的思路。今天的内容是关于电话功能的设计。

第一次做这种练习，先是通过脑暴在纸上写下所有想到的东西，包括功能点，逻辑关系，要特别注意的东西等，字太丑，这里就不上图了。然后就整理写下的东西，一开始思路不是很清晰，尝试过从拨打者，接听者的角度来整理，但其实接听的功能和拨打电话基本差不多，也尝试过直接走一遍打电话的流程，比如输入、拨打、保存等，然后每个节点再继续细分，比如输入可以是直接输入，也可以是从联系人输入等。但是发现，本身打电话的流程并不复杂，反而是其他节点的细化很多，这样一来从主流程到次级流程的层级就太多了，不好设计。
总之尝试了各种思路，最后是以打出电话作为一个目标完成的标志，然后从通话记录，联系人，拨号面板这三方面来整理，具体看下图。

思路整理完就准备开始画线框图了，画之前要明确需要表现出什么东西。我是想画出来的东西可以给同事看，可以讨论改进的，那就是要表现出流程和页面布局，一些无关的细节可以先放着，视觉方面也不用太纠结。还是直接来看我画的图吧。

目录

通话记录

通话记录详情页

拨号面板

拨号中

联系人

编辑信息

过程我比较纠结的是每一个页面要放多少东西，最后的思路大概是这样，首先按照“通话记录”“拨号面板”“联系人”三个大的标签分类，然后对应的一级页面就放该标签的主页面，一些小的变化，比如弹出窗口，进入编辑模式等就直接在这里用箭头标出，如果是跳转到其他标签下的页面，就直接写明跳转到哪里即可。
这也就意味着，如果一个页面有很多个来源，即可以从其他多个页面跳转过来，就最好独立开来，放在一个子页面中。像上面的拨号中，编辑联系人等。

第一次练习，主要精力放在了工具的使用以及一些基本的思路方面，设计方案本身没有仔细地考虑，也没有什么亮点，下次继续提高。大家有什么想法欢迎提出来，本人新手一枚，请多多指教。

最后，有兴趣的可以看看我的axure文件，点击这里下载。