设计可以是一种垄断

当前的软件产品,整体来说设计方面的薄弱可谓弱中之弱。大多产品开发中对编码的偏重:目前中国的软件公司开创者,多为编程技术出身,为此对程序编码的宠爱有加也就成为自然,应该承认,产品的思想性、运行速度和稳定性无庸置疑,产品业务的核心地位也从没有人怀疑过,然而,作为产品用户和计算机交互核心以及产品形象工程的UI环节一直尚未得到开发者应有的重视。产品一旦投放市场,当界面遭到用户非议的时候,才会想到花上可怜的一点时间和金钱把产品做以“美化”(仅仅是美化),而这种敷衍最终往往难以得到用户的接受。所以说设计绝对不是单单对产品美化的工作。
先从UI的词意说起,UI的本意是user interface也就是用户与界面的关系。它包括交互设计,用户研究,与界面设计三个部分。一个通用消界面的设计大体可分为五个步骤: 1、需求阶段 ;2、分析设计阶段; 3、调研验证阶段 ;4、方案改进阶段; 5、用户验证反馈阶段。

在设计垄断中苹果体现的最为明显,优秀的界面效果,更加专注的在外型效果等的改进。iPhone4让粉丝和同行彻夜不眠,前者是激动,后者是愤怒,iPhone凭什么赢?技术?技术?技术?绝对不是!而是赢在垄断,设计的垄断:枯燥的技术在应用上的完美设计及产品的功能在外观上的巧妙设计。这也是为什么WP7和塞班优化塞班的原因,技术上真的差不了什么,但更多的是设计。

前几天和小灵仙儿聊起苹果的设计,当一款真正好的产品利大于弊时,很多缺点将被弥盖,比如天线门事件。这也是很多像诺基亚等手机巨头没法比拟的,套用一句老话:好设计不是超越,而是颠覆!苹果用自己的坚持做到了这种颠覆,严谨的ICON风格,大到苹果电脑,小到touch、ipod都可以做到这种设计上的一种垄断,如果要对iphone进行一个评价,还不如说它是件艺术品,让很多苹粉捧在手里的艺术品。而这件艺术品足以引起引起在移动互联网行业的震动。现在你看到白色耳机你第一感觉一定会觉得它是苹果应该有的,而不会想其它品牌。

设计可以是一种垄断,一直到今天, 苹果都是以设计挂帅,设计人员一走进会议室, 大家都安静了下来, 因为他们是全公司最受尊敬的人。只有在苹果, 设计师的直属上司会是CEO。
安卓,Sense UI覆盖了Android2.1版本以上,给用户免费成为安卓可以在市场上有很大一席地的主要原因。比起2.1以下的版本,Sense UI给安卓在挑战苹果上添加了一定的筹码。

Windows Phone 7,同样Sense UI,被称为具有挑战iphone的最有力的竞争者之一,优秀的界面效果吸引了众鑫的粉丝,带给用户最想要的用户体验,这是WP7坚持的,也是未来设计应该发展所需要的方向。

设计可以是一种垄断,套用林晓一句话:设计,是一种合法的垄断!它,可以肆无忌惮,无“法”无“天”!一个好的设计离不开一个团队强有效合作,国内著名的设计公司——eico design,拥有自己的一套设计理念,同样适合众多的企业,但如何做到更出更好的设计还得靠设计师的想象力及理解力。

手机UI设计检测要素

最近忙的有点乱,对于无线的关注一直在看产品的UI,因为手上的无线项目全在筹建中,对于UI设计的要求也在与同僚中耳熟目染中慢慢的接触了新的手机UI设计要素,同时也是对自己产品手机UI设计的要求,也为自己筹建的无线项目组定立一些手机规则,为了统一打造有点属于自己的产品,加入一些元素,手机UI一直被我称为产品的“脸面”,一款好的手机产品一定有一套优秀的手机UI界面。

手机UI从产品的图标开始,直到退出手机产品为止。产品的UI从产品概念开始,直到产品的生命周期结束,产品的UI一直深入着用户的心。一个好产品UI评价标准会影响一个产品的品牌和用户群体,这也是EICO对于魅族和Weico的价值所在,结合做过的产品对UI设计检测要素进行了整理。

最近发生了很多问题,包括食物中毒等生活小插曲,但无线生活还在继续,喜欢无线,所以无限。

手机产品细节设计

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

手机屏幕适配

随着手机屏幕的不断的增大,同时也遇到一些用户手机屏幕还是处于240*320这种屏幕的大小,当然也存着在一些不规则的屏幕分辨率心寸大小。对于很多的UI来说,不同的手机屏幕很多时候得出多套的图才能保证手机客户端在不同的屏幕上实现匹配。针对手机客户端在不同屏幕下的实现进行规划,并制定出能够计算出具体控件位置的填充区算法,这个是前期对于不同的手机屏幕的匹配做出的一个界面适配算法。

首先认清几个手机屏幕区域(先从240*320与320*240说起):
1、填充区
CONTAINER:在该标准中,使用填充区这个概念对界面进行控制,整个页面由不同大小的填充区组成,不同的填充区有在适应屏幕时,有不同的缩放规则。
2、SCREEN
SCREEN:根填充区,每个分辨率下的可见区域尺寸,其尺寸等于某型号手机的屏幕分辨率。如在n73下,SCREEN的参数为240*320。

3、基准屏幕
针对横屏和竖屏的屏幕,采用两套不同的基准屏幕,竖基准屏幕240*320和横基准屏320*240,两种基准屏幕之间可以进行切换。

竖屏240*320合适屏幕缩放:
竖屏的屏幕缩放基于240*320大小,可以缩放到480*640等屏幕的大小。满足iPhone以及安卓等用户的需要。

竖屏的字体比例缩放:控件适配不同屏幕的过程中,控件往往需要根据字体的缩放而进行缩放。

遵循的原则——头尾原则
在常规界面的适配过程中,准从先头尾,后中间的原则,即,先确定header的高度,再确定footer的高度,然后根据屏幕高度来和头尾高度确定content填充区的高度,完成整个界面布局的调整。控件宽度以比例缩放原则为主。

(常用界面)
(Android、iPhone触屏类型)
(诺基亚、Kjava等键盘类型)

缩放原则:

界面在适配于不同界面时,主要采用两套不同的缩放规则,不同的填充区根据需要分别采用字体缩放和比例缩放。

整个缩放规则的设计来自图片在不同屏幕间的适应模式,我们假设有个n73手机,屏幕分辨率为240*320,在这部手机上全屏看一张480*640的图片,手机刚好显示完,显示效果如下(红框为屏幕可视区域):

如果我们用一部E63的手机(分辨率320*240)进行查看,不同的查看模式下效果分别是(红框为可视区域):

(高度自适应效果)

(宽度自适应效果)

效果中可以看出,采用宽度自适应效果进行缩放的话,配合上、下滚动条可以实现较好的显示效果,同时保证能够清晰查看图片内容。因此,借鉴图片的宽度自适应,将界面当成一张图片来处理,通过不同屏幕分辨率的宽度比作为调整壁纸对界面进行保持比例的缩放。

启动界面:

240*320-320*240:


240*320-竖屏扩展:


320*240-横屏扩展:


常规界面:

240*320-320*240:


240*320-竖屏扩展:


320*240-横屏扩展:


宫格界面,程序会对图标自动排序,头尾遵从常规界面适配原则。

手机产品设计方向

伴随着手机系统越来越多越来越杂,以及不断的推出新的手机系统,对于手机产品设计来说都将会是新的挑战,是一套多用,还是设计多套?K-JAVA是否将死亡?WindowsPhone7能够带来多少惊艳?Android和iPhone的战争谁是胜者……但有一点可以确定,手机产品设计的方向将迎来新的起点。

首先认清手机用户,为手机用户单独设计的产品:必须面对手机用户进行推广和销售,实现自身价值。其推广、下载、注册、使用、消费必须全部在手机端完成。3G让手机网速的提升,iPhone的wifi功能的添加,Andriod加快在山寨机的部署,都将促进手机产品的“一条龙”服务—手机产品整个流程将全部在手机端完成。
其次,手机产品作为PC应用的附属产品:完全为满足PC用户的移动需求服务,获得PC用户的额外附加服务价值,部分使用环节必须在PC上进行,对手机用户无意义。同时,手机作为PC应用的延伸,可以从PC用户中获得大量支持,同时自身也需要针对手机用户推广。
再次,80%的传统手机用户在一定时间内为受限制用户,无法使用PC端。手机产品的应用将在这段时间内取代PC完成相应的操作。特别是iPhone和Android的手机用户,99%是随时在线的,针对他们的产品设计及体验是不同的。

曾经Ben Shneiderman提出的“界面设计8条黄金法则”:
1、力求一致性
2、允许频繁使用使用快捷键
3、提供信息反馈
4、设计对话,提示任务已完成
5、提供错误预防和简单的纠错能力
6、允许“反应撤销”
7、用户应掌握控制权
8、减轻短期记忆负担
而现在产品设计的方向将会有新的变化:口碑传播、少即是多、兼容性、无所不用其极、关注性能和速度、抓住高端用户、大气的设计、满足用户个性化需求、寻求差异……

而随着在无线方面的深入,自己对于手机产品设计规则进行了重新设定:
1、简单快速,减少操作
手机屏幕不大,使用场合特殊,简单快速的操作,争取节省每一毫秒,简捷就是力量,优化流程,减少操作。
2、增强交互
“无交互不设计”这已经成为很多交互设计师的口头禅。做挑剔的用户,增强交互。
3、人性化
人机交互就是别让人觉得面对的是一台机器,人性化设计将是手机产品设计的方向,更贴近人性化的设计让用户的接受程度将更高。
4、魅力、革新
一款产品的第一印象很重要,能给用户带来多少新鲜感,新鲜感可以维持多久这都是这款产品的价值所在。
5、避免输入、给输入法腾出空间
手机不再靠输入进行交互动作,减少输入将是未来手机设计的主流,同随着手机屏幕的增大,别忘记给输入法腾出空间。
6、通用性
K-Java、塞班、WM、Android、iPhone等,通用性对设计者的要求很高,别让换了手机的用户迷失了“回家”的路。做全世界合适的设计。
7、合理的反馈
别让用户久等,别让用户失去耐心,合理的反馈,及时的信息提醒,让用用户得到合理的反馈提示。
8、时刻知道自己的位置
别让用户迷失在产品中。分清前进与后退,所处的版块。懂得退出,懂得进进入。
9、核心功能
产品核心功能是一切设计的基础,设计围绕核心功能将获得更多的认同感。同时会获得用户良好口碑,以及让竞争对手敬畏。
10、口碑设计
高端用户、意见领袖关注的点将是口碑设计的出发点。挑剔的用户才是真正的口碑设计的对象。

移动互联网的战火已经点燃,越来越多的互联网公司已经加大了对移动互联网的投入,不论是炒的火热的百度开发自己的手机系统,腾讯出手机,还是之前的淘宝手机等,都是朝着利于移动互联网方向发展。手机产品将会更加深入人心,不论是对品牌的执着还是对产品创新的追求,都将会是引起新的一番手机产品设计规则的创新。
未来的手机产品设计的方向将更加偏重用户体验和人性化,对于不同系统平台的体验将更加区别化,任何一个人都不想拿着iPhone手机体验的是塞班的效果,但如果拿着塞班的手机体验的是iPhone效果可能就不一样了。产品设计将更加通用性不仅代表着平台的通用性,更是交互体验的通用性。
现在说哪个手机产品做的好还为时过早,包括近期看到的创新工厂的产品以及淘宝的产品等,都无法得到的一种更好的用户体验的手机产品,或者说没达到一定高度让用户觉得可以敬畏,或惊鸿一瞥的感觉。手机产品设计任重而道远,第一印象或许就决定了这款产品的生命周期了。

以上仅代表个人观点,如果有说不对的地方请大家批评指点。