财界彩票-官网首页(ac0p.cc)是中国最优质游戏品牌,财界彩票-官网首页综合各种在线游戏于一站式的大型游戏平台,多年来一直为大家提供极致体验的游戏环境,财界彩票-官网首页值得信赖,期待广大游戏爱好者前来体验,财界彩票-官网首页将把最好的游戏体验带给大家!

<strike id="znjhx"><span id="znjhx"><i id="znjhx"></i></span></strike>
<address id="znjhx"></address>
<noframes id="znjhx"><address id="znjhx"></address>

<sub id="znjhx"></sub>

    <form id="znjhx"><nobr id="znjhx"><meter id="znjhx"></meter></nobr></form>

      <address id="znjhx"></address>

      <noframes id="znjhx"><span id="znjhx"><nobr id="znjhx"></nobr></span>
      <address id="znjhx"><listing id="znjhx"><menuitem id="znjhx"></menuitem></listing></address>
      <address id="znjhx"><nobr id="znjhx"><meter id="znjhx"></meter></nobr></address><address id="znjhx"></address>
      <address id="znjhx"></address><address id="znjhx"></address>
      <noframes id="znjhx"><address id="znjhx"><nobr id="znjhx"></nobr></address>
      <noframes id="znjhx"><address id="znjhx"></address>
      iOS APP体验设计{财界彩票-官网首页主词} >>人性化设计>>文章列表

      iOS APP体验设计不像互联网的体验设计那样,有一堆的方法论和可以“借鉴”的案例财界彩票-官网首页。 目前除了苹果的<Human Interface Guidelines>和前Palm的<Zen of Palm>外财界彩票-官网首页,没有找到更好的设计哲学和方法论财界彩票-官网首页。

      事实上,即便认真地研读了HIG和Zen of Palm财界彩票-官网首页,甚至是Oolon Colluphid的哲学巨作你也无法严格按照Guideline设计出一款出色的APP。其原因财界彩票-官网首页,我得从程序猿和设计湿说起财界彩票-官网首页财界彩票-官网首页。

      程序猿 vs 设计湿

      最被思想处于上世纪初的人理解的软件设计开发是由 1. 美工 2. 程序员 3. 项目经理 构成财界彩票-官网首页。我这里讲的设计湿不是美工财界彩票-官网首页财界彩票-官网首页!这是前提。因为美工只关心好不好看财界彩票-官网首页财界彩票-官网首页,他们几乎不关心(或者不懂)产品的易用性财界彩票-官网首页。

      如何鉴别程序员和设计师呢? 你无法用会不会写代码来区分他们(毕竟很多设计师是会写编程的,例如彩程设计的设计师们,反之亦然),但是你却可以用通过他们平时思考方式来区分他们财界彩票-官网首页。

      程序员: “哇!这个功能好!我们能不能在我们的APP中加上呀财界彩票-官网首页?” 这种场景常发生在他们看到了一个很 “COOL” 很 “绚丽”的APP后常发出的感叹(或者心里的感叹)。

      设计师答:“我们凭什么要加这个功能呢财界彩票-官网首页?

      程序员更倾向于关注功能本身财界彩票-官网首页,希望把所有好的东西都加到自己的作品中财界彩票-官网首页。例如财界彩票-官网首页财界彩票-官网首页,好的设计模式,高效的算法,看似绚丽的特效财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页。一般程序员的作品有两类财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,第一类是功能比北京的车子还要多财界彩票-官网首页,你需要一本牛津字典一样厚的说明书才能搞懂如何使用财界彩票-官网首页财界彩票-官网首页。另一类有十分绚丽的特效,界面飞来飞去,一走神就以为自己在耍杂技了财界彩票-官网首页。

      设计师更倾向于关注产品整体,他们通常都有产品的功能洁癖财界彩票-官网首页。他们通?财界彩票-官网首页;岽由阌爸姓业焦裁?一张好的照片有三个要素 1.有一个鲜明的主题。 2. 画面中的元素可以快速地把观众的注意力转向这个主题。3. 只有一个主题,所有有主题不相关的重点通通砍掉财界彩票-官网首页。

      不幸的是财界彩票-官网首页,很多iOS的开发者是从程序猿跳出来做的财界彩票-官网首页。 泪流满面地用咆哮体高喊 “我们程序猿也终于可以赚钱了?。财界彩票-官网首页〔平绮势?官网首页!有木有?。?!有木有2平绮势?官网首页。财界彩票-官网首页〔平绮势?官网首页!” 财界彩票-官网首页财界彩票-官网首页, 于是他们做出来的东西可以用下图简要地说明:

      没错财界彩票-官网首页财界彩票-官网首页!问题不在于功能是不是足够的多财界彩票-官网首页,而是体验是否足够的好,是否能解决问题财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页。而尤其在做iOS的APP设计的时候,由于设备的本身特点直接决定了设计完全不同于网站的体验设计财界彩票-官网首页。

      我们认为,主要区别有以下三点:

      1. 视觉焦点&操作焦点

      所谓视觉焦点和操作焦点的问题,我们可以从传统的电脑使用说起财界彩票-官网首页财界彩票-官网首页。 我们控制电脑通常是通过鼠标, 手用鼠标控制屏幕的指针, 移动到某个位置, 点击财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页、双击财界彩票-官网首页、拖动等完成操作财界彩票-官网首页财界彩票-官网首页。 我们看到的是屏幕,操作的是鼠标。我们的视觉焦点是屏幕,操作焦点是鼠标。属于视觉焦点和操作焦点不同的类型财界彩票-官网首页。

      而有触摸屏的设备和电脑最大的一个区别就是它们的视觉焦点和操作焦点是同一个点财界彩票-官网首页。 因此财界彩票-官网首页,我们想打开一张图财界彩票-官网首页,只需要用手点一下图财界彩票-官网首页财界彩票-官网首页。

      视觉焦点和操作焦点同一的最大好处就是十分容易学习使用这类设备财界彩票-官网首页。但是正是因为两点同一财界彩票-官网首页财界彩票-官网首页,当我们在操作的时候同时也会挡住焦点财界彩票-官网首页财界彩票-官网首页。

      这一特性会影响到很多UI设计,例如:拿出你的iPhone财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,把手放在iPhone上财界彩票-官网首页,你会发现你的iPhone最大宽度也就4个手指的宽度财界彩票-官网首页财界彩票-官网首页。

      我们用圆圈代表被挡住的区域财界彩票-官网首页财界彩票-官网首页,其中绿色区域是安全区域财界彩票-官网首页财界彩票-官网首页,代表我们心理上认为一定可以准确地点到的区域;而黄色区域代表我们心理上会有点忐忑,不能确定是否能点中的区域财界彩票-官网首页财界彩票-官网首页。例如某拍照软件的设计:

      没错,问题不言而喻财界彩票-官网首页。 从UI的设计上来看财界彩票-官网首页,如果是个网页的话,视觉的确没什么问题(当然财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,删除按钮放在修改的旁边本来就是愚蠢的做法财界彩票-官网首页财界彩票-官网首页,这一点就先不说了)财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页。但是由于视觉焦点和操作焦点同一的原因财界彩票-官网首页,点击修改就变得十分困难与紧张财界彩票-官网首页财界彩票-官网首页,何况旁边还是一个删除按钮。

      2. 空间感知

      传统的互联网网页间的跳转财界彩票-官网首页财界彩票-官网首页,我们都熟知的是利用链接财界彩票-官网首页财界彩票-官网首页。链接可以在整个网站甚至是网站间任意跳转财界彩票-官网首页,点了链接后就进入了一个全新的空间财界彩票-官网首页?财界彩票-官网首页?占涓兄吹?,没有头没有尾财界彩票-官网首页,在任意一个点通过网址都可以进入财界彩票-官网首页财界彩票-官网首页。

      在移动设备的应用程序设计中,进入APP通常都是一个固定的点,每个操作就带入另一个空间财界彩票-官网首页,如果失去了空间感知,就像失去了地图财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,用户会很容易有迷失的感觉财界彩票-官网首页。

      而由于屏幕的大小等因素财界彩票-官网首页财界彩票-官网首页,APP不能直接告诉用户空间是什么样的财界彩票-官网首页财界彩票-官网首页,但是可以通过各种手段来给用户以暗示。例如:

      Camera+中财界彩票-官网首页,两个主要的场景财界彩票-官网首页,一个是拍照财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,一个是照片管理。两者之间空间是上下的关系财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,当用户在拍照场景下点击相册时,界面会向上推动显示照片管理的场景财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页。反之亦然。此时向用户暗示的场景如图所示:

      更复杂一些的空间暗示财界彩票-官网首页财界彩票-官网首页,如Reeder iPhone版财界彩票-官网首页〔平绮势?官网首页?占渲械拿扛鑫恢檬智逦?财界彩票-官网首页,并且用动画的方式流畅地向用户暗示这种空间感财界彩票-官网首页财界彩票-官网首页。不仅如此财界彩票-官网首页,Reeder iPhone版的加星去星的空间感知不是上下左右财界彩票-官网首页,而是前后的关系财界彩票-官网首页财界彩票-官网首页。请自行购买后体验财界彩票-官网首页。

      除此之外财界彩票-官网首页,Reeder iPad版本和Our Choice的空间感知也做得十分的棒财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页。以Our Choice和Reeder iPad为例(视频)财界彩票-官网首页。Our Choice在选章节的场景进入章节内文时财界彩票-官网首页财界彩票-官网首页,选章节的场景会缩小,通过“近大远小”的常识在一个平面内暗示两个场景间的空间关系。 Reeder 也采用了类似的方式财界彩票-官网首页。

      3. 体位化设计

      以iPad为例子,通常我们使用iPad的时候有两种体位财界彩票-官网首页,第一种是把iPad放在桌面上进行操作财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,这种体位使用APP财界彩票-官网首页,无论按钮在哪里财界彩票-官网首页财界彩票-官网首页,点击都需要用一只手完成财界彩票-官网首页,两个步骤间的按钮距离远近也不会成为负担财界彩票-官网首页财界彩票-官网首页。 而当手握着iPad的时财界彩票-官网首页财界彩票-官网首页,这种特殊体位财界彩票-官网首页,问题就出现了财界彩票-官网首页。

      (如果你有手机财界彩票-官网首页,请现在拿在你的手上)倘若你只希望用一只手完成操作财界彩票-官网首页,你会发现,你用大拇指点击屏幕中所有点财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,却只有绿色区域是很易点击的财界彩票-官网首页财界彩票-官网首页。如下图所示财界彩票-官网首页,iPad的易操作区域也是分布在弧形区域内财界彩票-官网首页财界彩票-官网首页。

      接下来用一个视频还说明坏的体位化设计和好的体位化设计的区别财界彩票-官网首页财界彩票-官网首页。

      前半部分坏的体位化设计财界彩票-官网首页,是因为设计没有考虑到操作姿势财界彩票-官网首页财界彩票-官网首页,以至于左边一排不常用的功能占据了最重要的黄金区域,而常操作的区域却远离易操作的区域财界彩票-官网首页财界彩票-官网首页。 操作起来就比吃掉一只死苍蝇还难受。 而后者财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,好的体位化设计财界彩票-官网首页,所有的常用功能财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,一只手,不需要太多移动就可以全部完成: 上篇文章财界彩票-官网首页,下篇文章,标记未读财界彩票-官网首页,标记加星。

      当然财界彩票-官网首页财界彩票-官网首页,如果你是我们《牛壹周》的忠实读者,那你一定记得我们的风火轮(详见牛壹周1.2之无敌风火轮)和一阳指(牛壹周1.1更新手记)? 没错财界彩票-官网首页财界彩票-官网首页,我们坚决地去掉了一阳指财界彩票-官网首页财界彩票-官网首页,因为这是一个漂亮却难用的设计(至少不是一个好的体位化设计)财界彩票-官网首页。 我们在架构上保留了风火轮(当然财界彩票-官网首页财界彩票-官网首页,只是在程序中保留财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,但并未启用)财界彩票-官网首页财界彩票-官网首页,因为这是一个很好的体位化设计案例财界彩票-官网首页。 例如,在阅读杂志的时候财界彩票-官网首页财界彩票-官网首页,我们常要翻下一篇文章,传统的操作是先进目录财界彩票-官网首页财界彩票-官网首页,然后再找到要看的文章财界彩票-官网首页财界彩票-官网首页,再跳转财界彩票-官网首页。 而使用风火轮财界彩票-官网首页财界彩票-官网首页,如视频所示财界彩票-官网首页,你的手完全不用离开屏幕财界彩票-官网首页财界彩票-官网首页,无论你的手有多大多少财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,无论你是左撇子还是右撇子财界彩票-官网首页。

      在即将发布的iOS5中财界彩票-官网首页,iPad的键盘设计也很好地体现了所谓体位化设计的精髓:

      结束语

      iOS设备财界彩票-官网首页财界彩票-官网首页,甚至是包括Android在内的所有移动设备财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,他们都因为独特的使用场景财界彩票-官网首页,似的设计不同于网页设计财界彩票-官网首页。 很多“美工”,甚至程序员从网页设计转变角色来设计移动设备APP时常忽视这些隐形的因素财界彩票-官网首页,最终导致产品设计水平难以提高。如果说近年来交互设计师在网站设计中的地位越来越高财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,那在移动设备的设计中财界彩票-官网首页,他们的地位会更为重要财界彩票-官网首页。视觉焦点/操作焦点、空间感知和体位化设计这三个iOS设备的特点事实可以类比到Android甚至更多的设备中财界彩票-官网首页财界彩票-官网首页,当然也不局限这三个特点财界彩票-官网首页。

      当然财界彩票-官网首页,也正是因为这些原因财界彩票-官网首页,当我们听到别人兴奋地告诉我们:“哇!HTML5可以做到所有设备自适应ye~”的时候,我们通常是不屑财界彩票-官网首页,心里默想“程序员!”。 当然财界彩票-官网首页财界彩票-官网首页,这里并非贬低之意。只是财界彩票-官网首页,有一点不得不承认财界彩票-官网首页财界彩票-官网首页,不同尺寸的设备财界彩票-官网首页,不同的分辨率,若想获得最好的体验,“自适应”让机器适应了却让人难以适应财界彩票-官网首页。例如一个按钮本来有1厘米高宽的财界彩票-官网首页,一个自适应财界彩票-官网首页财界彩票-官网首页,在iPhone上就只有原来的1/3时财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,你叫人怎么点击? 当然这样的例子很多财界彩票-官网首页。 大多数这种不花功夫还大赚的宣传,就犹如电线杆贴满的小广告财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,通常都是缺少优质应用的病入膏肓的硬件厂商为了快速解决痛楚而买肾的做法。当然财界彩票-官网首页,对技术敏感的工程师就不自觉地帮着一起吆喝罢了~

      我们彩程设计对移动设备还会持续观察思考。更多的设计方法和哲学会持续和大家分享。 敬请关注。

      财界彩票-官网首页<strike id="znjhx"><span id="znjhx"><i id="znjhx"></i></span></strike>
      <address id="znjhx"></address>
      <noframes id="znjhx"><address id="znjhx"></address>

      <sub id="znjhx"></sub>

        <form id="znjhx"><nobr id="znjhx"><meter id="znjhx"></meter></nobr></form>

          <address id="znjhx"></address>

          <noframes id="znjhx"><span id="znjhx"><nobr id="znjhx"></nobr></span>
          <address id="znjhx"><listing id="znjhx"><menuitem id="znjhx"></menuitem></listing></address>
          <address id="znjhx"><nobr id="znjhx"><meter id="znjhx"></meter></nobr></address><address id="znjhx"></address>
          <address id="znjhx"></address><address id="znjhx"></address>
          <noframes id="znjhx"><address id="znjhx"><nobr id="znjhx"></nobr></address>
          <noframes id="znjhx"><address id="znjhx"></address>