主要内容
-
Axure之复用 2010-09-20 22:36
本文主要记录一下自己在使用axure软件做原型设计中的一些感悟。对于原型的制作而言我们需要的是一个能够快速设计高效传递的软件，对于原型的表现形式而言我们需要的是一个“中保真”原型，可以直观的表述交互与页面布局即可。 作为工具，首要的条件就是高效率。高效率的解决问题，高效率的传达，高效率的记录，等等。Axure之所以被称作“快速原型设计”就在于 ... ...
-
聊聊线框图：UED和PD对于线框图不同的定位 2010-09-17 09:42
本周和PD们进行了一次《线框图以及Axure入门》培训。这是应几位PD的需求，他们也要学习如何设计线框图，所以想更加高效进行入门。 在场的有UED，有PD，我发现，对于两者都要画线框图，引发了一些讨论，这也是我事先预想到可能会引发争议的部分。 其中有个PD讲，有一次，老板是要求她来画线框图给他看的，她花了很多心思在线框图上，结果交付给交互设计师的时候，交互设计师不 ... ...
-
聊聊线框图：那些必要的理论和前提 2010-09-17 09:40
这是一篇老生常谈的问题，所以若有人已经了解，请自动忽略好了。这也是在一次和PD的交流培训会上再次提出的老问题：究竟线框图为什么要画，以及如何画。 至于线框图为什么要画，就不在这里聱述了。相信已经有很多人写过类似的文章，当然，如果你还有疑问，可以给我写邮件。 现在就是如何画的问题。 这不是很简单吗？一个简单的线框图，断不得比一个精美的视觉图更花费时间吧？也不需要美 ... ...
-
浅谈按钮分组和位置 2010-09-13 17:25
按钮分组 按钮的分组可以让一个界面变得具有自我描述能力.在复杂的布局中，组织良好的各组按钮用以选择，而且因为很明显，这样可以很快告诉用户有哪些功能可以使用。 几个按钮放在一起，因为它们可能完成类似的功能。我们可以看范例iTunes的主窗口，四个角分别放置了一组按钮，界面中间的歌曲也有很多的行动点。加上滚动条，该界面只有有14个按钮。确实有很多的功能，不过因为视觉上和语言上的巧妙组 ... ...
-
浅析网页界面设计-首页 2010-09-09 15:57
首页设计，需开宗明义突出主题 开宗明义，无论是对于一篇文章、一场会议或一部专题片，还是对于一个网站 来说，都是必不可少的。那么能为一个网站开宗明义的地方(标签)就是Title(标题)和Description(描述、副标题)，而能够为Title和 Description提供进一步诠释的就是网站的首页。 展示哪些信息 页面的重要性是建立在它所呈现信息的基础之上，反过来说， ... ...
-
GMail 的介面設計 2010-09-05 18:47
Google 這間公司向來有不少「創舉」，有些創舉是因為他們比別人聰明，可以想到別人沒想過的事；有些創舉則可能是因為別人想都不用想，就知道不應該這樣做，嗯…… 舉例來說，前一陣子 GMail 稍微改了介面設計，其中最令人驚訝的大概是這個： 一個可以核選的下拉式選單（Checkbox Dropdown Menu）！不得不說，這真的是很難在任何軟體介面設計當中看到 ... ...
-
Hello! 404 2010-09-03 09:58
1. 什么是404 404是一个 http 错误代码，即请求的网页不存在。代码404的第一个“4”代表客户端的错误，如错误的网页位址；后两的数字码则代表着特定的错误讯息。就是当用户输入了错误的链接时，返回的页面。这样的目的是告诉浏览者其所请求的页面不存在或链接错误，同时引 ... ...
-
注册表单的设计探讨 2010-09-02 08:56
最 近读了三本书，全部关于Form设计。如果你觉得Form设计怎么可能写成书，而且没有一行代码，我很理解。两年前当我在Amazon上看到那本Web Form Design时，也是同样的惊讶。学过HCI再回头看终于也能理解了，不过他人的研究还是“刺激”了我，往往在看到他们对细节的关注程度，才会深刻的感到 自己做事的粗浅与浮躁。 &nb ... ...
-
AXURE在原型设计中的应用 2010-08-27 11:06
前言 什么是原型呢？ 产品原型简单的说就是产品设计成形之前的一个简单框架，对网站来讲，就是将页面模块、元素进行粗放式的排版和布局，深入一些，还会加入一些交互性的元素，使其更加具体、形象和生动。 就我个人而言，目前使用频率最多，最高效，交互效果最好的原型工 ... ...
-
面向用户，管理功能前台化 2010-08-25 00:08
我们已经习惯于管理化的后台，这几乎成了某些功能化的标配，这里说的管理化的后台并非指网站的常规管理后台，只是指面向用户的管理功能。相信大家已 经见惯了，也习惯了用户管理功能的后台应用，比如发起一个活动，你如果要管理成员的话需要进入成员管理界面；创建一个小组，对小组话题、图片和成员的管理 需要进入对应的后面管理。 用户越来越聪明，却会越来越懒惰，越来越熟悉互联网，却会越来越排斥复杂的操作。 ... ...
-
互联网界面设计模式 2010-08-24 21:30
Web界面设计 封皮上是这样描述本书的：想知道怎样在今天的Web上创造伟大的用户体验吗？……本书以当前最流行的Web站点为例，介绍了两大良行之有效的Web界面设计模式。如果你想构建或重构站点，并希望站点以丰富的交互为特色，那么本书就是你出奇制胜的宝典。 首先，这是一本工具书。 其次，这是自认为一本比较糟糕的好书。好书，因为它提供了大量思路 ... ...
-
头像web版交互设计总结 2010-08-24 21:26
一、项目背景 QQ会员头像是一个会员比较喜欢的功能，为用户提供了大量优质精美的头像。但内容一直由官方提供，虽然保证了质量，但在数量上更新速度上难以满足用户的需求。 在加上用户分享头像的新特性后，客户端小页面的局限性问题也凸显出来，不再适合大量item内容的展现。由此，头像专区迁入到VIP官网正式立项。 二、设计过程 在头像web版项目中，交互设计首次尝试交互组重点项目设计流程，完整、严格并 ... ...
-
管理中心左侧栏的“黄金分割”宽度浅谈 2010-08-23 20:22
关于“管理中心”的界面设计框架，一般我们都会选择传统的“工”字结构，顶部是形象区，左侧是功能列表区，右侧是操作区，这种结构的功能扩展性和易用性都是非常好的，几乎90%以上的软件系统的后台管理中心都是采用这样的结构。 在实际设计工作中我们发现，用户总是希望能把操作区的区域 ... ...
-
常见UI设计模式 2010-08-20 17:44
作为交互设计师在设计线框图原型的时候，熟悉常见的web设计模式很有帮助，做到“心中有数”才能创造出符合需求，用户熟知操作方式的界面来。所谓“没有必要重复发明轮子”，模式往往容易解决常见问题，正确的模式能帮用户熟悉界面、提高效率。 常见的UI设计模式如下图： 下面分别进行具体分析，遇到不同需求的时候就可以选择合适ui设计模式。 01. ... ...
-
胖梨的困惑——用户在哪“返回”？ 2010-08-18 16:12
本文关注的是，在不同平台上设计同一个产品，是应当进行统一设计，还是针对不同平台特性进行差异化处理？对于“iPhone和android的交互逻辑是否可以互相移植”，同行们已经讨论过一些了。今天我们想说的是Palm。 Palm是什么？ 说到Palm，可能有些人还不太熟悉。Palm有以下几层含义： ——Palm ... ...
-
搜索翻页(Search Pagination... 2010-08-16 09:02
原文地址: http://developer.yahoo.com/ypatterns/navigation/pagination/search.html 当搜索返回的结果太多,无法显示在一页上时,将信息拆分进一系列的页中. 用单行链接的方式来实现翻页控制,可以让用户浏览更多的结果,而不是将结果都显示在一页中. 解决什么问题? 用户需要查看按相关度排序但是又 ... ...
-
寻人：丢猫请找设计师 2010-08-16 08:54
前几天转载了一篇《丢猫千万别找设计师…》，开头还专门附了转载说明。但还是被人骂“嘲笑人的本领越来越强，和keso的距离越来越远”，本来挺失落的（keso虽是我偶像，但我跟他不在一条线上，各有长短，不比）。今天又看到一位玖玖同学留言，说自己也丢过猫，并给了媒体报道的地址，看完后大喜！故发帖寻人。 1、界面设计的第一任务是：用最简单最清晰的逻辑， ... ...
-
交互设计就是讲故事 2010-08-16 08:53
注：本文为UIGarden约稿，作者是Windy，首发在Garden7月期电子杂志，这里。 不记得什么时候，我听到了这个故事：从前有座山，山上有座庙，庙里有个老和尚，在给小和尚讲故事，他说，从前有座山…… 它很简单，也许称不上什么精彩的故事，可是给我留下了很深的印象，而且听到以后再也没忘记过，你也一定知道这个故事吧？看到它，你有什么样的感觉呢？ ... ...
-
项目翻页(Item Pagination)_... 2010-08-15 14:26
原文地址: http://developer.yahoo.com/ypatterns/navigation/pagination/item.html 当数据太多(或者数据项列表太长)一页显示不下时,将数据项列表拆分进一系列的页中. 提供”上一页”和”下一页”的链接让人们可以访问被分页的数据,最好同时也提供”第一页”和& ... ...
-
导航标签(navigation Tabs)_... 2010-08-11 08:54
原文地址: http://developer.yahoo.com/ypatterns/navigation/tabs/navtabs.html 当网站的分类不会经常改变时,在网站的LOGO和页头下方,水平放置一组固定的单行标签,是一种提供高层级的导航的方法.标签导航应该与整个页面宽度一致,分类的标题应该是可预知并且尽可能短,同时通过高亮当前选中的标签来保持”文件夹的隐喻&rdq ... ...
