让你专注阅读的部落格排版：http://blog.zeals75.com/?p=30290 －－－ 身为行销工作者， 我想大家很有可能在 2015 年碰上 App 或手机网页的开发案， 但基於绝大多数人不可能离职去写程式的情况下， 我认为立即培养 App 开发的 Sense 是必要的。 你可能会想说，现在学这个会不会太慢？ 我告诉你，绝对不会！ 目前台湾几个大型数位行销代理商有这种思维的混种人才也不多， 台湾目前的强者，都是以自行开发或独立接案为主， 你们身处不同的竞争市场， 因此现在学，绝对还有机会，而且是很大的机会。 －－－ 有了 App 开发或手机网页的 Sense 之後， 你将可以与设计师沟通， 告诉他为什麽按钮的位置与大小应该这样规划； 同时，你也可以更了解工程师的的想法， 你将会了解 App 设计的极限与限制在哪里， 你提出的要求，将更精准、也更有效。 不要再跟他们说什麽「我觉得…」之类的话了！ 他们才不会相信你。 －－－ 受了《我的推荐书单 嫁给RD的 UI Designer》的影响， 我也买了《Tapworthy》来看（这本：http://bit.ly/book-tapworthy） 《Tapworthy》是我 2014 年看到第 4 本给予评价超好看的书， 因为里头的重点实在是太多了，因此就把整理出来， 希望对你有帮助，如果你没有时间看的话！ －－－ 以下是重点整理 即使你的应用程式真的赢得某位使用者的青睐， 也可能是在容易分心的环境中， 如拥挤的捷运车厢、热闹的餐厅或家里的客厅，随时会被打断。 （第 7 页） － 你不能期望人们有时间或耐心来研究画面。 （第 8 页） － 很多 iPhone 使用者觉得多点触控很难操作， 甚至包括用来放大缩小的两指轻捏缩放手势； 可以的话，很多人会选择用单指操作， 例如：利用双击来放大地图，这提醒了设计者， 设计应用程式时最好要考虑到单手操作。 （第 11 页） － 使用 iPhone 的习惯 源自於行动应用程式特有的概念－在行动中完成事情， 只有在一个装置好用到我们可以不用专心时， 才会有那些行为产生。 （第 13 页） － 就像任何好故事一样， 应用程式的故事剧本应该回答「5W」： 谁（who） 什麽（what） 何时（when） 何地（where） 为什麽（why） 菜鸟新闻记者也是学着用这 5W 来铺陈文章的。 ※编按：如何（how）也很重要。 （第 19 页） － 我很爱「BFB（Big Fuckin’ Button）」按钮， 我想人们总是希望清楚地知道接下来该做什麽吧！ 所以针对打卡的视觉呈现， 我们设计了一个很大的橘色按钮， 使用者是不会错过的。 （第 27 页） － iPhone 具便利性和使用情境， 很适合拿来做少量的活动微任务（microtasks）。 跟传统电脑那种长久的工作时间比起来， 好的工具类应用程式适合短时间但经常性的使用， 能鼓励使用者随时随地去记录之後才要处理的新资讯和点子。 在超商排队或捷运通勤时， iPhone 同样也适合拿来阅读，甚至编辑文件。 好的iPhone 游戏也刚好是这样， 通常是为了玩游戏的短暂刺激而设计， 每一关只需要几分钟的时间。 （第 32 页） － 无聊时，我们总希望有别的事情 可以让自己忘记在邮局无聊的排队、乏味的会议、 在公车站牌永无止尽的等候， 我们希望有事可做。 （第 38 页） － 把功能放进精心规划的清单里，并把大部分拿掉。 （第 47 页） － 应用程式不用塞满特色和功能 才能成为该类别里最好的应用程式， 实际上，有限的功能往往能提供更好的使用经验。 （第 49 页） － 因为可以用单手使用 iPhone， 我们大多数的人就很常这样用， 不管你正用另一只手喝咖啡、抱小孩或吃午餐， 仍可以用拇指回电子邮件、打电话或浏览网页， 你的设计必须最佳化单手触控。 （第 57 页） － 介面设计就像政治一样，有时走中间路线比较好。 很多标准的 iPhone 控制项，包括按钮和列表项目， 占满了整个萤幕的宽度，同时满足左右手拇指的操作。 （第 61 页） － 神奇的数字：44 说到 iPhone 的点击目标，到底要多大才够？ 这要看指尖的尺寸有多大， Apple 把它很精确地订在 44 像素， 这个尺寸出现在所有标准 iPhone 控制项上。 ※编按：以 Retina 的萤幕标准则是 88px。 （第 62 页） － 有价值的应用程式设计有一个基本原则： 清楚明了胜过密度。 （第 78 页） － 符合人体工学很重要： 思考你的应用程式在手中的感觉。 （第 89 页） － 有个另外的想法， 与其将按钮设计的大一点，不如把隐形的点击范围设计的大一点， 它们仍占据一样的空间，不过比较容易点。 （第 94 页） － 常想：Steve Jobs 会怎麽做？ （第 98 页） － 当某人离开应用程式的其中一间「房间」时， 不要在他们离开时重新装潢； 回到一个页签应该将它的画面也还原到一样的树状结构位置， 或搜寻结果，或详细显示，或任何他们上次正在看的东西。 （第 115 页） － 在思考介面前我们做了很多事， 我们从很多对话开始，讨论要做什麽样的应用程式， 最重要的是，要了解概念发想时要试着达成的事情： 想解决什麽问题？ 希望有什麽样的目标使用者？ 使用者的期望是什麽？ （第 127 页） － iPhone 之所以这麽成功， 理由之一就是 Apple 真的试着让人觉察不出它背後的技术， 你不需要想它是如何运作的， 身为一个开发者，我认为这是要追求的事， 也让人觉察不出介面，你从口袋拿出 iPhone，只要点击某处即可， 你真的不想让人们思考要点哪边或下一步是什麽， 对使用者来说，焦点应放在任务和目标上，而非介面。 （第 132 页） － 视觉元素不要像一些餐厅一样， 男厕和女厕的标示太标新立异， 让人摸不着头绪。 （第 138 页） － 栏位的提示字在使用者输入自己的文字前，会以浅灰体字出现在栏位里， 当你开始输入，提示字就会消失，让位给「真」的字。 不管哪种情况，都可以不费力地告知使用者该如何使用栏位， 是应该在所有文字栏位都使用的方式。 （第 163 页） － 在 iPhone 非常个人化的使用情境里， 人们把应用程式视为内容，而非「软体」。 （第 186 页） － 工具列的颜色要高雅低调，花俏明亮的颜色会干扰使用者， 让他们的视线远离主要内容， 在介面设计上让你的介面控制项抢了内容的风采是不对的。 （第 187 页） － 人们信任奢侈品，不论对或错， 如果它看起来很棒－如果它看起来很贵，必定是有价值的， 不管你的应用程式如何运作，当它看起来高级时， 它的感知价值就会提高。 （第 189 页） － 你正试着解决一个可用内建工具来解决的问题吗？ （第 201 页） － 图片上的「x」按钮在 iPhone 上没有存在的必要， 让使用者可以点击任何地方来关闭图片， 是更快、更直觉的解决之道。 （第 202 页） － 设计一个 iPhone 应用程式很重要的一件事是， 我的手指如何跟介面互动， 你无法真的从 Photoshop 模型得知， 当你真的点击应用程式时，观察那些转换可以得到很多心得。 （第 211 页） － 应用程式的 icon 图示总是伴随着应用程式的名称显示， 无论在 App Store 或 iPhone 桌面上， 因此没必要再把应用程式的名称放在图示上。 否则，当使用者快速扫视图示时，它只是很难阅读的潦草字迹。 （第 217 页） － 你的应用程式有提供操作说明，并不会为你加分， 因为那代表它还不够直觉、好用。 （第 230 页） － 利用触控萤幕，可以给使用者他们正在碰触真实物件的错觉， 不过如果它动得不像真实物件，像是坐立不安或到处跳动，就会破坏错觉， 你会觉得又像使用电脑，而不是用手指移动物件。 （第 238 页） － 观察使用者失败的手势操作。 （第 245 页） － 当你在事件上使用音效时，效果应该要有对称的安排： 例如开启一个画面上的面板有音效的话，要确定关闭它时也要有音效。 （第 258 页） － 关於错误讯息，避免使用「错误」之类的无意义标题。 关於按钮，按钮必须就是答案，不要使用「是」或「否」， 而要使用「关闭应用程式」或「继续等待」等具体的处理动作叙述。 （第 279 页） － 不要滥用弹出式对话框，特别是欢迎画面， 因为对使用者来说，多半只有在错误发生时才会看到那个东西。 （第 285 页） － 应用程式为了完成任务所花的时间，不管「实际花多长」， 重要的是「感觉有多快」，绝对不要低估进度列的力量。 （第 287 页） － 排遣无料的最佳利器就是给人东西去探索。 （第 288 页） － 让你的应用程式专注在做得最好的事情上，其他的就交给其他应用程式。 （第 298 页） 在使用者的预料之内，於进行不同应用程式间进行切换， 这样的连结是很棒的（例如：从 Safari 开启 Google 地图）。 但在使用者没预料到的情况下， 被踢出一个应用程式、跑进另外一个应用程式，是很令人讨厌的。 一个很常见的错误是，提供一个看似无害的说明按钮， 突然让你跳到 Safari 里的一个网页。 在这个情况下，应用程式至少应该要显示一个提示， 警告使用者将要离开应用程式，并且询问是否真的想要离开。 （第 299 页） － 呼！打完了，附上购买连结 《博客来-Tapworthy：打造完美的iPhone应用程式》 http://bit.ly/book-tapworthy -- 更多文章：http://blog.zeals75.com 热情先决 --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 118.160.210.136 ※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Marketing/M.1418744279.A.C32.html ※ 编辑: zeals75 (118.160.210.136), 12/16/2014 23:44:17