色块不是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/

同时，欢迎大家来拍砖~