Posted on 2010 年 08 月 30 日, 23:39:00, by 麦肯诺, under
产品设计,
用户体验.
引言:GTD的理念和原则 GTD是一种处理任务的方法。核心理念是解放大脑,将脑袋清空。压力不是来自任务本身,而是来自任务在大脑中的混沌塞积。把所想所遇的事写下来并安排好下一步的计划,然后全力以赴做好目前的工作,可以消除压力,提高效率。 GTD通常分为收集,整理,组织,回顾,执行几步。简单的说,就是收集任务,归档任务,排序任务,执行,定期review。 GTD流程: 用Doit.im来进行时间和任务管理 http://Doit.im是一个免费的GTD管理网站。简单易用,关键还是中文,且同时支持iphone和android客户端。 收集任务 将你遇到或者想到的事情,请尽快填写到收集箱中,记住GTD的原则,脑子里不要留任何任务,将所有的任务都先放进收集箱。如果事情能够在2分钟内完成,请立即完成他。否则请填写,以免遗忘。 你可以通过顶部的输入框快速建立任务。 快速建立的任务会直接放进收集箱中。勾选任务表示该任务已完成。 或者点 来添加任务。 整理任务 整理任务是GTD的核心。如何将任务有效的分类,制定不同的紧急重要程度,制定deadline,决定了时间如何分配。 双击任务可以进行编辑整理: 可以根据任务完成的时间,设定是今日待办还是明日待办,或者选择具体的日程.如果这只是你脑子里突然蹦出来的想法,可以选择择日待办或者等待. 情景收集箱: 定义任务发生的场所。你可以把任务归档到不同的任务场所中。这样你到了不同的场所可以查看应该有哪些任务待完成。 选择场景查看任务。 项目收集箱: 按项目对任务进行归档。 任务紧急程度: 从无到高一共4个级别。缺点是只能定义任务紧急程度,没办法定义任务的重要程度。 任务分配与提醒 如果此任务并非应该由你完成,可以填写任务指派人。将任务指派给别人(貌似不会自动发邮件)。 还可以添加提醒方式(邮件,弹出)和时间,在任务到期前N分钟,会自动给你设定好的邮箱发送提醒邮件。如果你没修改过的话,邮箱默认为你登录帐号。可在右上角的设置中修改提醒偏好。 执行任务 将任务归档好后就可以每天执行今日待办任务了,今日待办任务清空后可以直接点下一步行动,将以后要办的任务提前办理。可以按照项目的紧急程度、情景、项目来排列任务。 剩下的工作就是Do it! 项目完成后在签名打上勾就完成啦! PS.http://Doit.im还提供了桌面,android和iphone的客户端。随时随地可以同步任务,相当方便。
Posted on 2010 年 08 月 05 日, 15:34:24, by 麦肯诺, under
Iphone,
产品设计,
用户体验.
就像色彩都是由三原色构成的一样,丰富的app应用也可以分成三种类型:高效型,工具型,沉浸型。 1.高效型应用 高效型应用是建立在以任务为导向的基础上,用户的使用是有明确的目的-获取信息。从信息的架构方式上看,此类应用的信息通常是具有层级关系的。 什么类型的应用适用于高效型? 信息本身具有清晰的层级关系。 用户需求的急迫性很高。 没有固定的使用场景,用户可能随时随地产生需求,且操作随时可能被打断。 如何设计高效型应用的产品呢? 以任务为导向的设计理念。建立准确的任务模型,将用户的可能的任务进行拆解,并逐一设计优化流程。 别浪费用户时间。快速开始,快速找到信息,快速离开,这也是Google search的设计理念。只有这样,用户才会在下次需求产生的时候第一时间想到你。 清晰的层级关系,便捷准确的检索方式,便于用户迅速定位需要的信息。 别让用户学习。降级学习成本最好的办法是用系统的控件和操作方式来构建整个软件。 降低噪音。保证高级的功能在用户需要时能够找到,在不需要时候不会造成困扰。 2.工具型应用 工具型应用顾名思义,最大的用途就是解决问题。通常,一个工具型应用只能解决某一个方面的问题。 如何设计工具型应用的产品呢? 少就是多。做好一个功能,而不是做“瑞士军刀”。 一目了然,将需要的信息展示在一个层级里。用户使用工具型应用,通常只是需要一个“yes or no”的答案。因此在开启后无需操作就能解决问题是最完美的。 设置通常在主视图背面,可以设置不同的数据源。 可以使用自定义的控件,他能让你出彩,但别喧宾夺主。用拟物的方式,模拟现实世界中解决此类问题的工具,如指南针,温度计。 3.沉浸型应用 沉浸型应用给用户沉浸其中的用户体验。没有任务导向,强调用户在使用中的参与感。 沉浸型应用和其他两种类型应用的区别是,用户使用时通常有较为完整的时间,是一种有计划的使用,而不是由突发的需求引发的。让用户沉浸其中,花更多的时间,这和其他两种类型的应用也是截然不同的设计理念。 如何设计沉浸型应用的产品呢? 富媒体的表现形式。声,光,色,效,通过丰富的表现力让用户沉浸其中。 让用户探索,并在探索中得到发现和奖励。 不拘泥于系统的控件和表现方式。
Posted on 2009 年 12 月 02 日, 03:36:46, by 麦肯诺, under
产品设计,
用户体验.
当你构建你的用户界面和网站的时候,有各种各样的关于界面设计方法和模式的信息你可以使用, 对常见问题的解决方案和一般可用性的建议。下列专家给出的准则可能会引导你创造一个良好的用户界面, 但是究竟什么才是一个良好的界面? 一个有价值的用户界面应该具有那些特性? There is a lot of information out there about various interface design techniques and patterns you can use when crafting your user interfaces and websites, solutions to common problems and general usability recommendations. Following guidelines from experts will likely lead you towards creating a good user interface — but what exactly [...]
Posted on 2009 年 07 月 28 日, 16:16:43, by 麦肯诺, under
产品设计,
用户体验.
原文: Labeling Touchscreen Interfaces / 作者: Morgan Strauss from Guifx 一幅画可能包含了千言万语,但是一个用户界面却需要用简洁的语句明确地告诉用户该做什么。因此决定哪些文字应该出现,哪些文字应该是界面设计非常重要的一部分。以下是四个适用于触摸屏界面的文本添加原则,遵循这些一定有助于提升界面的可用性。 原则1 用动词来描述一个按钮是用来做什么的。 如果不是直接用动词描述,用户可能会感到困惑,并且增加学习的成本。所以"OK"和"Cancel"并不是最佳选择,“Yes”和“No”则更差。 原则2 把文本的重点放在最前面的12个字符上 (注:12个字符是英文,对于中文来说可能就是三四个字)。人们阅读地时候总是扫描文字,所以大家可以比较一下这两句话: “您正要进行关机,确认吗?” “关机吗?” 同样的意思但是哪一句您阅读地更快呢? 原则3 按钮的文本应该置于按钮本身而不是列在旁边。 研究显示多数触摸屏用户会触碰按钮的下半部,所以我们也建议把文字从垂直居中的位置上提一点,这样用户在按下按钮的同时,文本不容易被手指遮挡。 原则4 减少重复。 如果在一组按钮中一样的文字不断重复,那就把这些按钮放到一组,用一个标题来简化文本内容。或者有些情况下可以直接去掉这些重复的文字。这有助于帮助你的用户快速定位他需要进行的操作。 实际情况中我们不可能永远应用这四点,但是完全可以把这些思想灵活运用在界面设计中。
Posted on 2009 年 07 月 04 日, 17:05:01, by 麦肯诺, under
产品设计,
用户体验.
Posted on 2009 年 07 月 04 日, 16:33:58, by 麦肯诺, under
用户体验.
这是一个著名的模型,把UCD过程中的每个工作步骤和内容都完整而流畅的概括进来。很大程度上帮助我理清了UCD相关的混乱头绪。以这个模型为基础,我整理了一个比较可行的UCD流程。 当然迫于条件的限制,我们不可能有机会去做用户研究相关的工作,通常是从竞争对手的分析中来获得关于用户的理解和灵感。用Jesse James Garrett的话说,在相同领域做相似的事情的研发团队,所服务的用户必定具有某种程度的相似性。按照产品分析和设计套路倒推,解剖优秀产品的设计策 略,可能是快速建立用户认识的窍门。可能有人觉得理解用户是市场的事,显然这是片面的。其实理解用户能够在以用户为中心的设计过程中帮助设计决策,如果没 有这个认识,很可能会在后面的设计决策和讨论中陷入个人英雄主义的表演和政治博弈之中。当然,寻找用户还能使我们收获更多的领域知识,整理对手的优缺点, 并能在后续的概念设计、交互设计和原型设计中提供极大的参考价值。 这个流程不是一个快速开发的流程,虽然在用户分析中投机取巧节省了一点时间,但是在交互设计阶段需要消耗相当的努力和创造激情,当然还有时间和成 本。在急于看到成果和关心“成本”的队伍中,很容易被一笔带过或敷衍了事,很多人习惯以看到界面设计框线图作为设计成果的标志,呵呵,画框线图其实是很简 单的。缺少慎重的交互分析基础的框线图,很容易浮于形式而缺少内涵。 和朋友们交流一下吧! 六个阶段,每个阶段又有关键的工作内容和要求。 第一阶段:基础调研 竞争产品分析 寻找市场上的竞争产品,挑选3-5款进行解剖分析。整理竞争产品的功能规格;并分析规格代表的需求,需求背后的用户和用户目标;分析竞争产品的功能结构和交互设计,从产品设计的角度解释其优点、缺点及其原因,成为我们产品设计的第一手参考资料。 领域调研 结合上述分析基础和资料,纵观领域竞争格局、市场状况,利用网络论坛、关键字搜索等手段获得更多用户反馈、观点、前瞻性需求。 产出物:相应的对比分析文档和领域调研报告 第二阶段:产品分析 产品定位 从软件提供者的角度分析产品推出的意义和重点关注的方面,实际考量、丰满决策层的idea,明确列出产品定位,通过讨论修缮取得决策层的认可; 用户分析 结合竞争产品的分析资料,采用定性分析的方法,获得对产品目标用户在概念层面的认识; 产品概述 以软件提供的身份,以最简短的文字,向用户介绍产品,突出产品对用户的价值。避免功能点的简单罗列,而应该在归纳总结的基础上突出重点; 功能需求规格整理 在归纳关键功能的基础上,结合竞争产品规格整理的领域认识,从逻辑上梳理需求规格列表,重在逻辑关系清楚、组织和层级关系清晰。划定项目(设计和研发)范围; 产出物:用户分析文档和产品概述、功能规格列表 第三阶段:交互设计(功能结构和交互流程设计) 产品概念模型分析 从产品功能逻辑入手,结合对常见软件的经验积累和竞争产品的认识,加上对用户的理解,为产品设计一个尽量接近用户对产品运行方式理解的概念模型,成为产品设计的基础框架; 功能结构图 在产品概念模型的基础上丰富交互组件,并理顺交互组件之间的结构关系; 使用场景分析 模拟典型用户执行关键功能达到其目标的使用场景; 交互流程分析 模拟在上述概念模型和功能结构决定的产品框架之中,支持使用场景的关键操作过程(即鼠标点击步骤和屏幕引导路径); 产出物:产品设计文档的交互设计部分 第四阶段:原型设计(信息架构和界面原型设计) 信息架构和界面原型设计 设计产品界面中应该包含的控件数量和类型、控件之间的逻辑和组织关系,以支持用户对控件或控件组所代表的功能的理解,对用户操作的明确引导;所有界面设计成为一套完整的可模拟的产品原型; 设计要点说明 对界面设计的重点添加说明,帮助涉众对设计的理解; 产出物:产品设计文档的原型设计部分 第五阶段:详细设计(详细设计和交互逻辑表述) 详细设计 完善设计细节、交互文本和信息设计(Message box); 控件和交互逻辑表述 对界面控件/控件组/窗口的属性和行为进行标准化定义,梳理完整的交互逻辑,用状态迁移图或伪代码形式表示; 产出物:产品设计文档的详细设计部分 第六阶段:设计维护(研发跟踪和设计维护) 语言文档整理 设计通过评审之后,把产品中所有的交互文本整理成excel文档,预备研发工作; 研发跟踪维护 [...]
Posted on 2009 年 07 月 04 日, 16:22:22, by 麦肯诺, under
用户体验.
以下是盖茨在2003年发给一些微软开发员的电子邮件全文: 发方:比尔·盖茨(Bill Gates) 发送时间:2003年1月15日10时05分 收方:吉姆·阿尔钦(Jim Allchin)(微软三号人物、平台和服务部总裁) 抄送:克里斯·琼斯(Chris Jones)(负责Windows开发的微软副总裁)、巴拉特·斯哈(Bharat Shah)(微软平台部门负责人)、韦尔·波利(Will Poole)(微软副总裁)、布莱恩·瓦伦蒂尼(Brian Valentine)、阿努普·谷普塔(Anoop Gupta) 标题:Windows使用性出现系统性退化 我对Windows使用性如何一直倒退感到非常失望。项目管理团队并没有解决好使用性的问题。 我告诉你们一些我昨天的体验。我昨天想下载Moviemaker, 并购买Digital Plus pack,所以我登录了Microsoft.com(微软官方网站)。因为这个网站有下载地址,所以我登录了这个网站。当在打开 Microsoft.com页面时,前5次都出现了超时问题。在第六次,在8秒钟延迟之后,我终于能够登录Microsoft.com网站。这个网站的速 度太慢,几乎到了无法使用的程度。 Moviemaker并不是五大热门下载软件,所以我决定在网站页面上寻找该款软件。但是软 件下载目录过于混乱,使我根本无法找到这款软件。事实上,类似于C:\Documents and Settings\billg\My Documents\My Pictures这样的路径能够更便于用户查询。因为系统没有过滤功能……而且许多事情也使我感到非常奇怪。我试图在Media stuff目录中寻找Moviemaker,但什么都没有找到;然后我在movie目录下寻找,还是什么都没有找到;我在movie maker下寻找,还是一无所获。我最终选择了放弃,并向阿米尔发了一封电子邮件,问他哪里能够下载Moviemaker?难道说该款软件不存在吗? 他们对我的答复是,不应当用使用下载的页面去下载东西。而且,想要下载 Moviemaker,应当在网站首页的搜索栏输入movie maker,而不是moviemaker进行搜索。我照着阿米尔教我的方法做了一下,网站慢的毛病并没有得到改变。不过在延时了6秒之后,我终于能够下载 Moviemaker了。 我现在想要确信的是,我应该能够看到下载软件的按键。但事实上,这就相当于是一个需要你们解 决的难题。因此我看到是我先要对Windows进行更新。这使我感到非常恼火。为什么我要下载Moviemaker却非要对Windows进行更新?我随 后登录到了Windows update页面,系统告诉我需要下载一大堆的控件。随后,我看到了许多怪异的对话框。难道说Windows更新知道如何同Windows进行主要谈话? 随后我开始进行扫描,扫描用了很长一段时间,而且我被告知需要下载17兆至关重要的补丁。 我照做了,这一部分进展的非常顺利。随后程序告诉我需要安装补丁。安装用了6分钟的时间,我 的电脑变得非常缓慢,在这段时间当中,我几乎不能用电脑做任何的事情。为什么安装需要6分钟的时间?这简直是太疯狂了。在这之后,程序告诉我需要重启我的 电脑。我为什么要这么做?我每天晚上都会重启电脑,但为什么程序会要求我在那个时候重启电脑?我还是照做了,因为程序坚持要求我这么做。 在重启电脑之后,我再次打开了Windows更新页面。我都忘了我为什么要打开 Windows更新页面,从一开始我想做的仅仅是下载Moviemaker。随后我又返回到了Microsoft.com开始下载Moviemaker, 下载过程非常的顺利,但安装却用了很长一段时间,为什么安装这款软件要用这么长的时间?程序随后又告诉我需要下载Windows Media Series 9,我决定照做。这一次我看到的对话框时“打开”或者“保存”,没有得到任何的提示,我都不知道该如何去做。下载Windows Media Series 9的过程非常顺利,但安装该款软件用了我整整7分钟的时间。 现在我想我应该可以使用Moviemaker了吧。但令我沮丧的是,我的电脑上根本就没有 Moviemaker。我的电脑上有什么?Microsoft Autoupdate Exclusive test package,Microsoft [...]