细节决定成败,宝马并不会比夏利多一个车轮


 细节决定成败,宝马并不会比夏利多一个车轮

                    所有功能已经完成了                                                苹果提倡的重UI主义

让我们从苹果在演讲上所用的案例来详细剖析。这是一个生活指南 或者 800团那样的导购App。

 

当投资人看到你的App做成这个样子(左图)的说后,他说 “哇!所有的功能都实现了!我们赶快把这东西投放市场吧”,结果死的比诺曼底登陆还壮烈。因为实在太丑了(全默认UI风格),用户在朋友圈里掏出来这个App自己都觉得汗颜。

 

失败的教训是无情的,随之这个App经过如下图的几个版本的,我们可以看到细节在不断的增加,细节、色彩、质感逐层深入,最终变成我们看到的正式版本。从最开始免费都没人用,到后来收费也爱用。

 

这个苹果的案例用在告诉我们,发展至今,软件满足功能就能成功的时代早已经过去了。否则充分满足通话和待机功能的诺基亚今天也不会淡出市场舞台。 那么用户更关注什么呢? 用户体验! - 即面子,你得让“爷”感受到用这个东西是件体面得事儿。如果用谁得都是用,那用你的这个就必须能让别人看出 “爷”得身份和品位来。

 

个人应用亦如此,企业应用岂能例外?

 

大家也许都领教过免费开源软件一贯的“很丑很温柔”的风格,让我们先来看几个界面截图,这个灰头土脸的是Openbiz的早期界面,功能全都实现,就是这个UI实在让人兴奋不起来。

 

后来大哥与时俱进,刻画了大量的细腻元素,后文将详细剖析。

按Openbiz 才华横溢的UI设计师的话说,“她的工作相当于给软件赤裸的皮肤,穿上了性感的丝袜。”于是 大哥一看就兴奋了。

 

实际上我们仔细分析UI细节,无论你的眼睛停留在任何一个角落,都会让你看到细微的变化,和精心的设计,丝袜美腿的性感之处,在于其若隐若现的质感,和丰富细腻的颜色变化。 其实这一点,不光Openbiz你看苹果的铝制质感和玻璃高光的结合也是一样。

说明: Macintosh HD:Users:jixian:Desktop:Screen Shot 2012-04-01 at 上午9.59.41.png

 

说明: Macintosh HD:Users:jixian:Desktop:Screen Shot 2012-04-01 at 上午10.22.26.png

什么是细节刻画?怎么算质感表现?

让我们开看一个20x20像素的按钮,来理解”细腻的UI”的

说明: Macintosh HD:Users:jixian:Desktop:Screen-Shot-2012-04-01-at-上午10.06.png

 

如果你注意观察,你还会发现很多色深不超过5%的渐变,和高度仅有1像素的高光渐变。看来为了取悦眼睛,设计师真的下了不少功夫。

 

难道技术人员现在必须去学美术?

摆在你面前有两条路,

要么孤树一帜 - 你做UNIX命令行开发吧,或者WebService级产品

要么跟上潮流 - 弱身轻四两,定要学借力取胜,想办法踩在巨人肩膀上,你就算踩空了,踩在巨人鞋上了,也比站在地上高多了。何况别人还有站在沟里的呢。

 

如果是Web应用,在此不得不提Openbiz架构的极致重用性,用累死.NET 自定义ASP tag方式的XML元数据来实现UI级的重用性,上文中的效果,实现代码仅为

 

    <SearchPanel>

        <Element Name="qry_form_title"

                   Class="AutoSuggest" FuzzySearch="Y"

                    SelectFrom="help.do.HelpDO[title] "

                    FieldName="title" />

        <Element Name="btn_dosearch" Class="Button" text="Go" />

<EventHandler Name="search_onclick" Event="onclick"

 Function="RunSearch()" ShortcutKey="Enter"/>

        </Element>          

</SearchPanel>

 

这些咱们这些技术工作者不用强迫自己变成文艺青年了,基于一个强大的底层来构建应用系统,即便不用学设计,也能创建出相比其它框架细腻精致的应用系统。

 

试想一下如果你是个企业用户,当面对功能上完全相似,界面风格如下图比较这样的两种UI风格,和细腻成的时候。 相信一般人都会喜欢清淡简洁有细节的感觉(除非是重口味份子)。

 

说明: Macintosh HD:Users:jixian:Desktop:OA.jpg

 

而如果我们能用同等,也许更少的开发时间将系统UI做成下图这样,势必会对我们的软件产品增加用户体验上的竞争优势。

说明: Macintosh HD:Users:jixian:Desktop:Screen Shot 2012-04-01 at 下午1.04.14.png

 

也许算它不上巨人,至少这个Openbiz大个子还是希望看见他的肩膀上站着学多人的。

和苹果不同,Openbiz的底层是全部开源,我们也可以通过阅读源代码从学习的角度来研究它的实现方式,至少这一点同样美丽的苹果Cocoa框架还没有做到如此开放。

转载于:https://my.oschina.net/openbiz/blog/52853

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值