1 阅读平台规范
IOS Android web 等,任选,快速浏览
各种平台(iOS、Android、WP……),以及各类基于Android深度定制的ROM(miui、flyme、ColorOS……)都制定规范的目的:
统一约束第三方应用的设计与交互体验感受,降低用户学习使用成本;
统一跨平台的使用体验,降低用户跨平台学习使用成本;
提供规范统一的接口,降低开发者的设计成本。
计划时间:6.15
实际时间:6.15,6.16,6.17,6.18
总结
material thickness: 1dp.
dp为安卓开发时的长度单位,根据不同的屏幕分辨率,与px有不同的对应关系。1dp表示在屏幕像素点密度为160ppi时1px长度。八一八那些px、pt、ppi、dpi、dp、sp之间的关系icon的状态:
active+ focused,
active+unfocused,
inactive
Material icons在阅读Material design时,看到一个视频,先是自己看了一遍,又邀请同事一起看了一遍,之后接着看网页,自动循环播放这个视频,非常喜欢关于motion的介绍和演示,在学习过程中感受到浓浓的热情。由于前期看的太细,像各种运动也都一一比较区别,所以看的太慢。实际上对于MD规范,了解对于运动、颜色、字体、排版等这些细节有要求,知道去哪里找这些要求和规范就可以。
理解IOS规范和material design规范的不同,
2 根据平台归纳控件
控件(或部件,widget或control)是一种图形用户界面元素,其显示的信息排列可由用户改变,例如视窗或文本框。控件定义的特点是为给定数据的直接操作(direct manipulation)提供单独的互动点。控件是一种基本的可视构件块,包含在应用程序中,控制着该程序处理的所有数据以及关于这些数据的交互操作。
任务:撰写每一类控件的交互规范和设计说明,了解控件的使用:情景,规范,反馈形式,状态。建立自己的控件库,有版本号和更新记录。选择一个控件库,学习控件,填充案例库,找一些产品进行界面分析练习。建议对着《交互设计精髓》一书进行学习。
时间:持续整理、更新
目的:体验从0到1建立自己的文档,加深对于控件的了解。
资源:
Axure元件库推荐:谷歌Material Design图标元件库下载
控件部分如何自学、整理控件库,可以参考用户体验入门:新人自学包之控件学习
3 建立流程的概念
任务:产品的业务流程(目标、过程、结果)、操作流程(前置条件、过程、后置条件),学习产品交互流程如何绘制
时间:6.18
总结
产品经理经常接触的有三类流程图:业务流程图、操作流程图、页面流程图。三类流程图面向的对象不同,各自解决的问题也不一样。
业务流程图相比于另外两种,涉及到角色的概念,反应的是一项业务,前前后后有哪些角色参与、各自分工和工作的先后次序。用户在使用一款APP时,后台的任务操作对其是不可见的,但这些都要在业务流程图上反应出来。业务流程图梳理业务完成的过程,有助于找出需要改善的环节,往往是设计产品时最先着手的环节。设定角色→跑通流程→用“如果……不……”穷尽判断,思考产品背后的判断逻辑。
操作流程图是针对某项具体的目标而言,注重细节,从用户操作、执行的角度来绘制,这里的用户可以是消费者用户,也可以是后台用户。它描述的是在完成目标过程中的一系列任务及操作。绘制过程中不必过早在意细节和逆流程,先在最理想的状态下把流程跑通,再细化、补充某些环节“如果、不……”的可能。
页面流程图包含界面、动作、条件,建立起操作流程,页面流程就很清晰了,要注意页面之间的逻辑、层次关系,做到跳转不歧义。