zoukankan      html  css  js  c++  java
  • 色块不是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/

    同时,欢迎大家来拍砖~

  • 相关阅读:
    Unity The Method Signature Matching Rule
    Unity The Property Matching Rule
    Unity The Type Matching Rule
    Unity The Custom Attribute Matching Rule
    Unity The Member Name Matching Rule
    Unity No Policies
    Unity The Return Type Matching Rule
    Unity The Parameter Type Matching Rule
    Unity The Namespace Matching Rule
    关于TSQL递归查询的(转)
  • 原文地址:https://www.cnblogs.com/jacklandrin/p/2689818.html
Copyright © 2011-2022 走看看