木的=moond{lab}

观察 发现 调查 概念
木的=moond{lab}
个人UI理解图
January 10th, 2007 by Ian Liu
今天使用JUNCHEN推荐的Cmap 画了这个UI概念图，一个是试试这个小工具，一个整理一下对UI的理解。

点击查看大图
Cmap的确很好用，而且数据格式的管理和预览模式也很方便，只是一些小的操作上有点让人困惑，比如箭头必须添加中间的操作说明文字，这个设置也导致了移 动对象带来的不方便， 还有层的排序选取不是很方便。 不过总的来说这个免费软件已经很不错了，而且支持服务器备份和检索。
再说说这个UI图，因为只是一个mind mapping，所以关联性和逻辑性还不是很完整，总的想法是想整理出UI设计中需要考虑到的因素，以及实施这些考虑的方法和操作，因为其主要内容参考自 下面的文献，所以没有转化为中文文字，不过都是些简短的常用文字，如果有描述不清楚或者发现什么歧异的，请大家留言指教！
参考文档：
http://www.ambysoft.com/essays/userInterfaceDesign.htmlhttp://www.sylvantech.com/~talin/projects/ui_design.htmlhttp://en.wikipedia.org/wiki/User_interface_design
标签：conceptmapMindUI概念概念图
所属频道交互与设计,学习笔录6 评论» | 2,519 Views
选个评分? ->(还没有人投票)
 Loading ...
打印版本：Print This Post | 转发：EMail This Post
交互设计的基本原则
December 21st, 2006 by Ian Liu
“征求最少的用户信息， 通过高效的应用和服务操作最大化的工作。 ”征求最少的用户信息， 通过高效的应用和服务操作最大化的工作。
回到原点，今天有空，再来温习一下交互设计的一些基本思路和原则，整理备份了一下，也方便大家学习交流：
Anticipation 预知用户需要的
在提供功能或运用之前，预想一下用户希望得到的工具或服务，并在任务的每一个阶段给予指导， 这样会更容易抵达用户期望的目标。
Autonomy 协助用户自我管理
在通过简短的培训或向导以后，如果给予用户自我管理的权限，根据个人特点，最大化的发挥工具对个人的协助。 blog空间应该是最好的例子，因为拥有更多拥有者的感觉， 所以用户会乐此不疲的把自己的空间维护好。
Color Blindness 不要以为所有的用户都能理解或看到颜色的暗示
这应该是对易用性 accessibility的补充，不过我想这对其他方面也同样适合，比如界面排版和交互功能设计等；
Consistency 界面的一致性
个人认为这是区别专业和用心的重要标志，特别对于交互设计，“试想用户能清晰的并一气呵成的完成整个交互任务，由此获得愉悦感受应该是对交互设计师最大的鼓励 ”试想用户能清晰的并一气呵成的完成整个交互任务，由此获得愉悦感受应该是对交互设计师最大的鼓励。
Defaults 设置默认状态
预设置的默认状态应该具有一定共通性和智能性，并对用户操作起到协助或提示的作用； 另外，也应该留给用户修改和设置默认状态的权限。 Adobe的系列产品，开启时的默认界面是最好的例子。
Efficiency of the User 用户的效率
这个蛮重要的，要详细补充一下：
效率最终表现在用户的生产力上，而不是机器； 增强用户的可用率 － 用户的等待和闲置，就是对用户效率的浪费； 提升企业效率的最大化应该提高全体人员的效率，而不只是个别群体或部门； 软件效率提升的突破点应该着眼于系统的基本结构，而不只是外表的界面－ 所以软件工程师和人机界面设计师应该协同发掘系统的改善意见； 使帮助信息更贴近容易出现的问题区域；
Explorable Interfaces 使界面更容易浏览和导航
小到简单的视觉图标元素，大到完整的系统导航流程， 都为用户提供亲切可靠的操作界面，可能的话也提供撤消或反相的操作功能（尽管我个人并不喜欢这个理念），最终让用户通过界面操作体会到家的亲切感受。
Fitts’ Law － Fitts 法则
通过缩短操作距离和增加目标尺寸来加速目标交互操作；
Human Interface Objects 人机界面对象
我对这个概念还不是很清楚，如果有人阅读下面转载的原文的，并对这个描述有自己理解的，请留言告知。
Latency Reduction 减少不必要的潜在等待时间
在任务交予系统处理或计算的时候，会有一段潜在的用户等待时间，一般我们会通过沙漏般的等待提示让用户知道现在正处于系统潜在工作状态，而不至于让用户频繁点击提交操作，使系统更慢，也或者合理通过多任务切换处理避免这样的等待间隔。无论何种手段，目的都是让用户回避这种的无效时间，而提高交互效率。
Learnability 具备学习能力
再好的软件也不能避免用户的适应阶段，除了要考虑如何容易使用， 也应该考虑如何让用户快速的学习掌握。
Metaphors, Use of 使用隐喻
先说一个例子， windows里面的“公文包”就是一个很好的隐喻例子， 因为它和人们熟悉的日常概念联系在一起，所以用户可以很容易的理解这是一个什么工具。 所以好的隐喻可以起到快捷的说明作用。
Protect Users’ Work 保护用户的工作
“即使发生错误操作， 也能帮助用户保存好之前的操作记录，避免用户重新再来，这个对于用户是再有用不过的了。好处自然是带来喜悦之余的可信和满意 ”即使发生错误操作， 也能帮助用户保存好之前的操作记录，避免用户重新再来，这个对于用户是再有用不过的了。好处自然是带来喜悦之余的可信和满意。
Readability 可读性
字体大小、颜色、字体排列等，都决定可读性的好与坏。
Track State 跟踪状态
提供了解用户操作行为的途径， 可以更好的帮助改善系统的操作。
Visible Navigation 可见的导航
这个大家都知道了，不过作出好的显著导航还是不容易的，特别在有大量信息（图片，动画）的页面里，需要多研究调试和平衡相互关系。
－－－－－－－－
上面内容除了自己的一些个人补充外，基本结构参考自这里 。下面是转载的几句话，个人觉得比较有代表性，因为自己翻译能力有限，就不翻译了，大家参阅看看吧.
Effective interfaces are visually apparent and forgiving, instilling in their users a sense of control. Users quickly see the breadth of their options, grasp how to achieve their goals, and do their work.
Effective interfaces do not concern the user with the inner workings of the system. Work is carefully and continuously saved, with full option for the user to undo any activity at any time.
Effective applications and services perform a maximum of work, while requiring a minimum of information from users.
标签：界面设计GUIPrinciplesUI原则交互设计
所属频道交互与设计,学习笔录12 评论» | 4,805 Views
选个评分? ->(3 个投票, 平均: 5分，最高分 5)分。
 Loading ...
打印版本：Print This Post | 转发：EMail This Post
增强搜索结果页面的可用性
November 28th, 2006 by Ian Liu
我们接受和使用搜索功能检索需要的信息已经有了一段时间了，甚至可以说搜索已经变成我们每天必须的操作。“从用户的角度如何准确筛选关键字或使用高级搜索条 件进行过滤是一个有效使用搜索的技能， 但是从搜索提供服务商来说，如何帮助提供有效的用户期望的搜索结果数据则是一个智能分析的挑战”从用户的角度如何准确筛选关键字或使用高级搜索条 件进行过滤是一个有效使用搜索的技能， 但是从搜索提供服务商来说，如何帮助提供有效的用户期望的搜索结果数据则是一个智能分析的挑战。可喜的是，现在很多商家已经在留意或尝试去改善搜索结果界 面的设计，我们来一起整理和分析一下这些改进给我们带来的帮助。
搜索关键词提示

有时会因为输入关键词不正确而难以判断准确的搜索结果，更加数据库信息，提供相似关键词提示是一个很贴切的辅助手段；
搜索结果分类浏览

搜索结果按特性排序

提供搜索结果的比较

提供编号或评分向导

搜索结果范围内的条件过滤或再搜索

相关促销提示

作为市场营销的目的，针对性的提供促销服务或产品，有时也是有效的搜索提示
用户培训

在用户找到期望产品前，给予用户一些相关知识的培训，帮助用户更有效或更明白自己真正需要的产品
其他没有发现的设想：（想预留这个区域做一些个人设想的补充）
”其他人也搜索类似的关键词：XXX“ － 一个关联搜索用户之间的功能，提供同兴趣用户之间的交流渠道，增强社交网络的发展。 对搜索结果的评论收集和评分排列 － 帮助用户回避不真实的搜索结果 搜索结果数量，鼓励用户使用再搜索功能缩小搜索范围 － ryana补充 对特定关键字的更新信息提醒 － ryana补充， 这个建议也很有意义，对于一些特定网站， 如果可以通过订阅类似RSS的功能对感兴趣的产品或关键信息得到更新提醒，对用户会是一个很方便的功能 先想到这里，以后再补充
参考网站：
http://orange.sims.berkeley.edu/cgi-bin/flamenco.cgi/spiro/Flamenco
http://www.homedepot.com/
http://www.google.com/
http://www.imdb.com/
http://www2.lib.ncsu.edu/
http://search.gifts.com/
http://creative.gettyimages.com/
研究的范围有限，欢迎大家补充。：）
标签：design页面设计FriendlyresultsearchUI搜索搜索结果
所属频道用户行为研究,交互与设计6 评论» | 3,939 Views
选个评分? ->(3 个投票, 平均: 4.67分，最高分 5)分。
 Loading ...
打印版本：Print This Post | 转发：EMail This Post
平衡不同用户的界面设计
November 24th, 2006 by Ian Liu
白鸦前久对微软Office 2007顶部的方块按钮区域提出了自己的置疑 ，一直也没机会真正使用这个更新版本，所以也插不上话。
不过在今天的部门会议里，因为一个用户调查的话题，让我想起一个有趣的想法，我想可以用它很好的回答白鸦的疑问：
如果先不把需要考虑accessibility的特殊用户算在内，根据使用频率粗略地可以把用户分为下面几类：
初级用户 － 第一次使用或使用次数较少，不要求高效，需要容易使用，操作简单，只需要基本功能来完成简单的任务； 中间用户 － 使用相对频繁，任务范围还不涉及高级的功能，不是专业操作人员，但未来可能成为专业用户； 高级用户（专业用户，忠实用户） － 曾熟练操作以前的版本，熟悉高级功能， 专业从事人员，任务时间紧迫，要求高效的操作
所以简单总结一下
高级用户的需求是： 高效， 快捷 初级用户、中间用户的需求是： 容易， 方便
没有调查还不能列出各程度用户所占的使用比率，但是需要同时兼顾这些群体的习惯和需求是不容置疑的， 如何去平衡这些需求而设计出适应不同程度用户的界面便成为一个关键问题。先不说Office这个软件，如果使用过photoshop的朋友，就会有这样的 体会， 熟悉软件的人，一般都是通过键盘快捷键来完成操作的， 他们不会在菜单里查找Edite > Free Transform来做“自由转换”，取而代之的是Ctrl+T; 但初级用户则不然，因为他们没有快速操作的要求，或不会经常使用这个工具，所以即使你告诉他/她快捷键，他们依然会因为遗忘或个人习惯继续保持以前的操作 ，从另一个角度，他们也需要这样的操作来熟悉软件中的其他功能，所以软件的设计会“把最基本的操作不计重复的使用菜单和工具条来让初级用户容易找到，同时把 一些快速的快捷键或高级功能隐藏起来，给需要挖掘他们的高级用户去慢慢学习 ”把最基本的操作不计重复的使用菜单和工具条来让初级用户容易找到，同时把 一些快速的快捷键或高级功能隐藏起来，给需要挖掘他们的高级用户去慢慢学习。
因此，为适应不同程度的用户群体，一般这样来布置界面设计：
高级功能，或快捷功能 － 放置相对隐藏的位置，或通过培训来掌握(类似flash， photoshop的例子)，隐藏也可以不用给初级用户带来困扰； 最常使用，或基本的的功能 － 运用Fitts’ Law 法则，放到最醒目的位置，或加以放大；
也就是说软件界面设计的思路应该是适应用户学习和挖掘的过程去安排的，由浅入深，由简到繁，同时又给不同程度的用户提供对应的选项或者实现自定义界面的功 能， 我想这样才应该算是一个好的交互界面设计吧。最后再补充一下Office XP的新界面设计，记得之前微软曾通过用户完成任务的点击数来评价这个新的界面的优越性，这里是视频 。
最后，欢迎大家一起来做个简单的调查：
您觉得Office 2007的新界面设计
更好了 更差了 没变化
View Results

 Loading …
个人观点，欢迎大家讨论补充。
标签：用户界面设计OfficeUI平衡
所属频道用户行为研究,交互与设计8 评论» | 3,626 Views
选个评分? ->(4 个投票, 平均: 4.25分，最高分 5)分。
 Loading ...
打印版本：Print This Post | 转发：EMail This Post
试试用这些工具记录你的概念和创意
November 20th, 2006 by Ian Liu
因为白鸦问起概念图的小工具，我就搜索整理了一下，希望与人对己都有帮助。热心的朋友请留言说说各自使用的评价
Smart Draw

功能比较全的示意图绘制软件，流程图，树型图，工程结构图，软件设计，概念图等都可以通过这个软件来绘制，比VSIO小巧方便。
预览试用版下载
MindJet MindManager

预览动画试用版下载
ConceptDraw MINDMAP

预览动画试用版下载
谢谢robinham补充的ConceptDraw WebWave
预览这里试用版下载这里
Inspiration Software

预览动画试用版下载
NOVA-Mind

预览动画试用版下载
Freemind

一个能实现基本结构功能的概念绘制软件，因为免费的，所以功能还比较简单，操作也还有很多不足，试了一下，基本还能完成简单的关联图。
谢谢JunChen的补充推荐，下面两个免费工具也很不错，特别IHMC Cmap：
IHMC Cmap

下载地址
KEYSTONE－中文

下载地址
XMIND 2007 beta - 中文
下载地址
其他软件还有：
Aviz Thought MapperBrainMineCreative ThinkerEminec MYmapHeadCase for WindowsIdeaGraph (beta version)JCVGanttMap It! MindMap SoftwareMayomi.net Online Mind MappingMind Mapping Software ShopMind PadMindCad PyramidMindChartMindManualsmindMappMindMapper - SimTech Ltd.MindPlugsOpenMindPiCoMapPocket MindmapSoftNeuronStrategic Transitions - Business templates for Inspiration mind-mapping softwareThinkGraphVisiMapVisual ConceptVisual MindDia
更多这里
资源参考于：http://www.innovationtools.com/
如果大家有更多好的软件，请留言告之，谢谢。
标签：绘图design设计IdeaMappingMindToolUI创意工具想法概念
所属频道交互与设计,创造力开发21 评论» | 6,466 Views
选个评分? ->(4 个投票, 平均: 4.5分，最高分 5)分。
 Loading ...
打印版本：Print This Post | 转发：EMail This Post
« Previous Entries
Tag Cloud木的{lab}调查了解『木的』
木的所想
如果不想让某样东西掉到地上，最好的办法就是直接把它放到地上...less than a minute ago
黄叶去掉了，可以让夏天的感觉持续的更久一些...about 15 hours ago
常规导航是否还有存在的必要呢？3 days ago
新发布文章
你最不喜欢在“木的”看到的定义标准的必要性DrinkaZine - 麥誌“聪明”的激励 - 场景音乐“聪明”的激励？有趣的发现：细致的易用性考虑可用性资料娱乐群体交互广告推还是拉(2) -习惯的延续性CS3 & Leopard 的界面设计浅析
这里的最近评论
Ian Liu: 谢谢大家的意见，可能这 个调查也有一些问题，不 过还是从中看到存在的...ryana: twitter上武林大会的事情亠?～ 关于文章喜欢不喜欢，我 觉得都还好啦。。关于...沈蚊: 偶的想法相当大众化哦~~ 两个投票都投到了最高~~Diesel: 木的文章都不错的。同意 蓝带鱼的说法。呵呵！小甲: 如果每天的信息过载才有 可能不想看... 现在都挺想看的，而且希 望能有更多东西看：）aoao: to:Ian Liu flash也能做到等比例的对堺?缩放 可以不用JS只是现在大家??惯了用JS来输出flash...蓝带鱼: 好像没有什么不想看到的 。Ian Liu: hax: 你觉得我们什么情况下会 去缩放页面？ 什么样的人需要对页面进 行缩放？...
木的在朋友空间的评论


...
油茶研究会:您的产品想拥有自己的fans么？
- (unknown): Anonymous道:
:em12:
moond (ianliu): 你也说是storytelling了，大家怎么好插的上嘴哦～ 所以可能还是用拍案叫好，嘘声下场两个选项来提供主要的回复功能了。
- (unknown): xorms道:
貌似没有放评论的RSS吧……
白鸦:白鸦
moond (ianliu): 很巧，我刚巧看到Twitter的Badges插件，还想试试～，我现在加你
moond (ianliu): 还有，好像不应该把Twitter理解为迷你blog，更应该像Faceboook里的mood和news feed去理解～ 是一个社交化的交流工具～ 不过无所谓了，...
油茶研究会:油茶研究会一周岁，喝高了，胡话一篇～
xorms (xorms): 慢慢来吧，有固定的、高质量的读者群应该是最重要的。
个人觉得，需要留言的话，最好从内容上入手。
太多叙述性的东西，会让人慢慢习惯只是看看了～
moond (ianliu): 越来也越有江湖味道了，很特别的情感营建，继续努力作出一个中国版的"second life"吧！
对了店名改成 “有茶烟酒会” 吧！ :em12: 这样大家有...
DrinkaZine Blog:SeeqPod Music 搜尋
moond (ianliu): 有趣的工具，還可以搜音樂視頻。
SC, 你知道baidu.com嗎？ 它也提供類似的服務，至于是否合法就是另一個話題了
1185119939012 (ShineCatcher): 百度有用過呀，太出名了！國內的搜尋業至尊！
中文歌的搜尋很強大，但百度沒有embeddable的播放器可提供！
Blog 存档:由strpos与in_array想到moond的是推还是拉
moond (Ianliu): :) 谢谢你提及{moond}lab，你提到的trackback问题，我再仔细检查一下：
对于你的质疑，我想应该是一个思考角度的问题，UE是一种理念，不是一种...
more »
Powered by coComment
Search:

Categories:
用户行为研究社交网络分析网站评测自由的想法创造力开发学习笔录市场推广新鲜稀奇新产品介绍交互与设计
Archives:
August 2007July 2007June 2007April 2007March 2007February 2007January 2007December 2006November 2006October 2006September 2006August 2006
RSS 订阅:
文档RSS 评论RSS 阅读收藏RSS
通过邮件订阅，请输入能提醒您的邮件地址:
Delivered byFeedBurner

© 2006木的=moond{lab} . Powered byWordpress