色块不是windows phone


在看文章之前,希望大家看一下htc sense的视频。这是我在wp7发布之前看过的,也是在我见到真正的wp7之前对wp7的印象。炫美、华丽,特效丰富,而且简洁实用。而两年过去之后,你要让我说现在对wp7的印象,我只会想到一个个色块。这也就是很多人认为metro很丑的原因,我想说的是色块不是windows phone。

一个美工或者说是一个产品UI设计人员总会强调用户体验的问题。然而目前windows store上绝大多数应用的用户体验和设计理念却被metro自带的模板限制的死死的。人人、QQ、微博等等应用的同质化极为严重,虽说这样使得手机的整体风格保持了一直,但是无疑会使得用户更加的审美疲劳。Tile、Panorama、Pivot.......无论是开发的新手或者老手都仅仅是将他们简单的叠加,这不是我们想要的用户体验。我们需要在功能满足、简洁易用的基础上再加上一些东西,因为前者仅仅是基础而已。

一、美工不只是静态的图片

假如你Panorama的背景图片无法滚动,你还会觉得这个模板可以吸引用户吗?

或者你在你的应用中把背景换成全黑色,你会觉得这个应用黯然失色。所以请在漂亮图片的基础上,让你的应用律动起来吧,就像htc sense一样。你可以在你的登录过程中加入一些特效的元素,就像mac QQ登录时那样。当然,你可能会有更好的点子。毕竟用blend你可以设计出匹敌flash的动画效果,甚至让应用变得像游戏一样。

如果你像我一样是一位星际2的玩家,我相信你一定会被战网平台后面转动的动画所陶醉,你何不在适当的场合,在你的应用中加入类似的理念,绝对会使你的应用增色不少。

炫丽动感的设计会让你的应用更受人喜爱。

二、这是手机,我们需要人性化的设计

有人可能用过市民日记这款软件,这里其中一个人性化的地方,就是当你手指点到按钮上的时候,会在你手指上方的位置出现一个类似于发光的标示。这个标示作为我们点中按钮的反馈。因为我们手指相对于按钮来讲较大,如果只是对按钮进行变暗、阴影等处理,手指会遮挡住这些变化,致使用户得到反馈时受到阻碍。将反馈标示放于手指上方即美观而且直观。

对于手指优化的人性化还有很多例子,比如touch music播放器中,点击屏幕任何地方都可以实现播放和暂停功能,通过左右滑动的手势可以实现歌曲的切换。让用户不用再去寻找按钮究竟在哪里的确是个好主意。不过有人总喜欢点更炫的东西。

htc note是一款拟真的应用,看过小米概念桌面的人可能会对这种拟真印象深刻,我们的手指有足够的空间去touch便签,我们可以看到便签的两面,有点像我们生活中的真实事物,简单而有趣,并且非常人性化。让我们脱离了metro规范中的条条框框,应用似乎自由了很多。

类似的人性化设计还体现在snake工作室的一系列产品中,他们倡导用ios的一些元素来做wp的设计,获得了不小的成功。

人性化不是简单的提升易用性,是要从客户的角度思考,不断的重构你的设计。

三、我需要在一大堆方块中找出重点

当你打开你的QQ和人人时,Panorama的第一页给你呈现的是什么?对了,是你最新的消息提醒。在移动互联的时代,无疑即时的消息至上,你一定不能容忍当你打开应用时,找不到你需要得到的信息。wp7的模板在设计时有个比较大的问题。就是title占的比例过大,这么大字号的title让我们在手机上获取信息增加了难度,而且让本来就不大的屏幕空间占去了1/6

对于这种问题你可以将title的内容改小,参见http://www.189works.com/article-42461-1.html 。也许这样会好一些,还有就是我们有时需要加入适当的提示措施,来帮组用户获取信息。

QQ典型的会把未读的信息用其他的颜色标记出来,差异颜色无疑是个好方法,其实我们可以采用更加动感的方法,比如mac系统下dock中图标的跳动,或者发光的效果。回想当年这种动感的用户体验不正是一些懵懂少年追求linux的原因吗?在wp7的桌面上,动态的瓷片绝对会比静态的更吸引人的注意力。

放大的字体或图片,差异化的颜色,动态的效果能让你更快的获取信息。

四、帮助用户了解你的应用如何使用

现在当我们打开新的应用时,总会看到一些左右滑动的应用教程或者更新提示。

这个是微信的,做的比较煽情。

可能微信更注重的是理念,但是大多情况下,很多应用将教程放在这里一页一页翻,我觉得不会有太多的人去留意这个东西,用户只能大致了解一下应用的内容。更好的设计是这样的,我们还用市民日记作为例子

当你看到选择这一行进行编辑时,会有一种很温馨的提示的感觉,而且它还会有一个放大的效果,提示大家“I am here!”,这样,我们可以在使用中得到对应用使用的学习和了解。这种提示的方法更多应用在游戏的设计上,比如说愤怒的小鸟和宝石迷阵,在解锁新的小鸟或者新的技能时,会有一个教学提示弹出,并且引导玩家如何使用新的小鸟或者技能。

手机应用本身是一个服务工具,能让用户更好更快的入手,靠的就会提示信息的设计。

所以,色块并不是windows phone,简单的使用控件远远不能做出好的应用,需要更多设计者探索和发现,这样你的应用必定是与众不同的而且受人亲睐。

欢迎访问倾剑飞血的更多博文:http://www.cnblogs.com/jacklandrin/

同时,欢迎大家来拍砖~

原文地址:https://www.cnblogs.com/jacklandrin/p/2689818.html