个人UI理解图January 10th, 2007 by Ian Liu
今天使用JUNCHEN推荐的Cmap 画了这个UI概念图,一个是试试这个小工具,一个整理一下对UI的理解。 点击查看大图 再说说这个UI图,因为只是一个mind mapping,所以关联性和逻辑性还不是很完整,总的想法是想整理出UI设计中需要考虑到的因素,以及实施这些考虑的方法和操作,因为其主要内容参考自 下面的文献,所以没有转化为中文文字,不过都是些简短的常用文字,如果有描述不清楚或者发现什么歧异的,请大家留言指教! 参考文档:
交互设计的基本原则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 可见的导航这个大家都知道了,不过作出好的显著导航还是不容易的,特别在有大量信息(图片,动画)的页面里,需要多研究调试和平衡相互关系。 -------- 上面内容除了自己的一些个人补充外,基本结构参考自这里 。下面是转载的几句话,个人觉得比较有代表性,因为自己翻译能力有限,就不翻译了,大家参阅看看吧. 标签:界面设计 GUI Principles UI 原则 交互设计 增强搜索结果页面的可用性November 28th, 2006 by Ian Liu
我们接受和使用搜索功能检索需要的信息已经有了一段时间了,甚至可以说搜索已经变成我们每天必须的操作。“从用户的角度如何准确筛选关键字或使用高级搜索条 件进行过滤是一个有效使用搜索的技能, 但是从搜索提供服务商来说,如何帮助提供有效的用户期望的搜索结果数据则是一个智能分析的挑战”从用户的角度如何准确筛选关键字或使用高级搜索条 件进行过滤是一个有效使用搜索的技能, 但是从搜索提供服务商来说,如何帮助提供有效的用户期望的搜索结果数据则是一个智能分析的挑战。可喜的是,现在很多商家已经在留意或尝试去改善搜索结果界 面的设计,我们来一起整理和分析一下这些改进给我们带来的帮助。
其他没有发现的设想:(想预留这个区域做一些个人设想的补充)
参考网站: 研究的范围有限,欢迎大家补充。:) 标签:design 页面设计 Friendly result search UI 搜索 搜索结果平衡不同用户的界面设计November 24th, 2006 by Ian Liu
白鸦前久对微软Office 2007顶部的方块按钮区域提出了自己的置疑 ,一直也没机会真正使用这个更新版本,所以也插不上话。 如果先不把需要考虑accessibility的特殊用户算在内,根据使用频率粗略地可以把用户分为下面几类:
所以简单总结一下
没有调查还不能列出各程度用户所占的使用比率,但是需要同时兼顾这些群体的习惯和需求是不容置疑的, 如何去平衡这些需求而设计出适应不同程度用户的界面便成为一个关键问题。先不说Office这个软件,如果使用过photoshop的朋友,就会有这样的 体会, 熟悉软件的人,一般都是通过键盘快捷键来完成操作的, 他们不会在菜单里查找Edite > Free Transform来做“自由转换”,取而代之的是Ctrl+T; 但初级用户则不然,因为他们没有快速操作的要求,或不会经常使用这个工具,所以即使你告诉他/她快捷键,他们依然会因为遗忘或个人习惯继续保持以前的操作 ,从另一个角度,他们也需要这样的操作来熟悉软件中的其他功能,所以软件的设计会“把最基本的操作不计重复的使用菜单和工具条来让初级用户容易找到,同时把 一些快速的快捷键或高级功能隐藏起来,给需要挖掘他们的高级用户去慢慢学习 ”把最基本的操作不计重复的使用菜单和工具条来让初级用户容易找到,同时把 一些快速的快捷键或高级功能隐藏起来,给需要挖掘他们的高级用户去慢慢学习。 因此,为适应不同程度的用户群体,一般这样来布置界面设计:
也就是说软件界面设计的思路应该是适应用户学习和挖掘的过程去安排的,由浅入深,由简到繁,同时又给不同程度的用户提供对应的选项或者实现自定义界面的功 能, 我想这样才应该算是一个好的交互界面设计吧。最后再补充一下Office XP的新界面设计,记得之前微软曾通过用户完成任务的点击数来评价这个新的界面的优越性,这里是视频 。 最后,欢迎大家一起来做个简单的调查: Loading …
个人观点,欢迎大家讨论补充。 标签:用户界面 设计 Office UI 平衡试试用这些工具记录你的概念和创意November 20th, 2006 by Ian Liu
因为白鸦问起概念图的小工具,我就搜索整理了一下,希望与人对己都有帮助。热心的朋友请留言说说各自使用的评价 Smart Draw功能比较全的示意图绘制软件,流程图,树型图,工程结构图,软件设计,概念图等都可以通过这个软件来绘制,比VSIO小巧方便。 MindJet MindManagerConceptDraw MINDMAP谢谢robinham补充的ConceptDraw WebWave Inspiration SoftwareNOVA-MindFreemind一个能实现基本结构功能的概念绘制软件,因为免费的,所以功能还比较简单,操作也还有很多不足,试了一下,基本还能完成简单的关联图。 谢谢JunChen的补充推荐,下面两个免费工具也很不错,特别IHMC Cmap: IHMC CmapKEYSTONE-中文 |
|
来自: guannamendable > 《comparision》