当产品经理定义出用户模型与需求后,就可以开始UI框架图的绘制了。首先是交互的流程设计,可以手绘草图,也可以使用Visio或者Axure等工具,最重要的是记录下完整的设计思维。要事先知道自己的首页要给用户一个什么样的直观感觉,是多数功能都显示在一个主页上的复杂信息型还是少量按钮的流程型。这是交互设计师的技能也是UI设计师对于产品的理解,特别是对于小屏幕的手机来说,如何尽量少的形式表达出用户真正的需求。
给出三点建议:
1.手机界面交互框架流程
首先按照用户的需求排列出信息的需求等级,也就意味着用户最需要的信息,要在视觉最主要的位置进行显示。 手机屏幕小,对于用户的需求把握显得特别的重要,可以一目了然的知道产品的具体的框架,给产品需求一个优先级。
然后设计相应菜单中的隐藏功能,但是不要把用户最应该直观操作的功能放置在菜单项目中(比如:添加账户、打开己保存的文件等),一般都会放置“帮助”、“关于”、“退出”和一些不重要的小功能。 当左菜单中的功能键过多时,建议将“帮助”、“关于”、“退出”等一些不重要的小功能放入二级菜单。
接下来设计首页的各个相关界面。切记保持统一的操作逻辑,如果在首页中出现菜单项中的功能,不要在后面变成了页面上的Button,而前面首页上的Button也不要挤到后面页面的菜单项中。 设计时尽可能的保持一致性,小屏幕别给用户太多的跳跃,用户需要的是直观的,方便的找到自己的想要的内容。
有一个阶段性交互成果之后,与相应的开发工程师沟通或者使用软件的思维来进行细化,考虑实现办法,如果有一定的实现难度,可以适当地修改UI设计的元素,但前提是保持同样的信息架构,不影响满足用户需求,也不影响用户流畅地使用。
一个完善的软件要有一个详细的开发时间表,在某个时间点出现什么样的版本,开发工程师要与UI设计师提前沟通好,否则好不容易开发出一个版本,需要的是沟通,同时对于开发工程师出的版本对于产品视觉效果可能会产生很大的影响,需要UI设计师对手机文字的颜色、界面效果提出自己的修改意见(手机UI测试)。特别是对于小公司来说,要充分的发挥小团队的特色(小公司、轻流程),在开发的过程中一定要及时沟通各个方面产生的问题,随时不断地修改技术上的问题,以制作出完美的产品。
2.关于界面设计
交互设计完成之后还有一个步骤才能让交互呈现在手机显示屏上,也就是图形设计。本质上说,这两种设计不能分开,应该同时考虑,否则,前期好的交互设计将无法转化为优秀的图形效果,整个UI还是不会达到很强的冲击力与易用性。所以,界面设计也必须受到重视。
需要设计人员有相对专业的美术功底及熟练的设计软件驾驭能力。也就是说,很多漂亮的效果很难由开发工程师完成。而很多工程师习惯到一些免费的网站下载图形,或直接拿以前用过的背景或图片,有时也能达到完成界面的目的,但是难以满足既定目标用户的终极需求,同时对于产品的美感效果也不佳。从用户的角度来考虑给出二点建议:
首先,产品源于生活。在您进行用户定义的时候就己经分析过目标用户身边的常用产品,这可以为手机界面打好基础。所以,一定要仔细搜寻最能代表目标用户喜好的产品。图形界面在一定程度上要和她们喜欢的常见的产品相匹配,毕竟目标用户的审美取向也会影响到产品的销售与市场反响。假定定位的女性用户基本都是年轻又充满朝气,但事务繁忙的类型,身边的产品多以数字化产品和简洁大方且细节优秀的产品为主,图形界面既要满足她们对信息量和信息优先级的需求,又要满足她们对色彩、质感等的特殊要求。
而免费网站提供下载的图形本身就没有针对目标用户做特殊设计,只能做到与目标用户相对贴切而己,尤其不适用于很有创新且用户群相对新潮的软件。
其次,UI适合多种场景。手机收集的是用户的零散时间,对于使作手机产品的场景也带有一定特殊性,特别是对于躺床上和坐车打发时间,这二个占据手机使用较多时间的时间段,UI对于场景的选择显得格外重要。
3.对手机产品设计方法的建议
关于手机产品设计的方法,谈二点想法。