瞬间之美-web设计part6
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
“几乎每一天,我都要花上两三个小时来处理电子邮件,浏览新闻,阅读博客日志,然后再查看那些Blog里所有感兴趣的链接。
这还算是好的,有时候根本不止两三个小时。
”(哈哈,他原来是这么工作的呀,不知道他这个是上班时还是业余时间。
)
在作者看来RSS是从可信赖站点获取新闻及行业见解的解决方案,但并没有成为一个能够被广泛理解的典型案例。
总之帮助用户获得每天想要的信息的相关WEB技术并没有成为主流。
#技术#
人们并不关心技术本身,而是关心自己能得到什么。
我们推广的并不是技术,而是技术所能带来的好处。
任何新技术的首要目标是让它通俗易懂。
RSS由于各种原因并没有获得广泛认可。
造成的原因很多,News Reader带来的好处也许并不值得用户安装,并让它进入自己的正常生活。
更重要的原因事实上绝大部分甚至使用news reader的人根本就不知道RSS这个词到底是什么意思,常常RSS被用在某个按钮上,指向订阅页面。
分析:
按钮标签应该在用户脑海中建立清晰的预期,并且告诉他们点击后将会发生什么。
描述说以前的RSS展示xml页面,需要用户把URL复制粘贴到阅读器里面(没用过,所以不知道是什么东东)
的设计是博客内容旁边有一栏先是标题subscribe now,然后下面的是一行正文with web-based new readers.click your choice below.下面是yahooa ,google啊什么的,点击就可以订阅feed了。
这些按钮称作chicklet,社会性书签,实际上就是一种小图标,以图形化的方式声明reader 的出处。
-------网上书签和共享按钮的标准制定者。
完全摒弃了RSS的缩写,使用chicklet,使用FeedReader(也使用了chicklet,而且做得更好吧)。
1.:通往订阅页面的按钮上使用了subscribe订阅标签,而不是RSS。
Subscribe是一个能够建立起直观印象的词汇。
(我忽然想起很久以前的困惑,就是说某某人的表达很有画面感,我现在知道了,用4个词来解释就是直观印象。
)
2.OPTION1,use an RSS reader(换成a news reader)
(1)创建一组chicklet:如前所述,拥有在线或者桌面reader程序的人单击就可以订阅。
订阅页面采用了原来博客的模板,保留站点的头部、左右两边的工具栏,向用户展示一个看上去仍属于本网站的页面。
(2)“其他”reader:文字说明,只是简单的把feed地址复制粘贴到自己的reader中
去。
下面一行是一个文本框内容是url,然后旁边是copy按钮,那么点击就可以复制了。
3.OPTION2,receive email notifications
输入email地址然后就可以订阅了。
3.OPTION3,use your browser
清晰的标题,简单的指示说明让用户更加轻松的理解。
一种组织信息的方式
tag模式组织信息可以为某个单独的内容添加应用多个tag,那么更容易查找,也更富弹性。
作者认为比起windows的文件夹组织模式更好。
tag模式应用到社区网站。
它带来几点问题?
1.很多网站对于tag模式都没有阐述得很清楚
2.Tag术语和语法(使用下划线来分隔字词)的不熟悉感带来使用的混淆
3.人们定义tag时会用到各种各样的字眼
4.运用tag模式的搜索引擎对tag标签的支持远大于对自然关键词的支持
26.1 分类系统、分众分类系统以及变异体
组织网站内容方法一:
分类系统,一旦定义好类别,所有人都将遵循这个分类
组织网站内容方法二:
用户可以根据自己的需要持续不断的添加和改变分类(tag标签)
分析:
关键在于如何让tag模式显得更为友好,同时支持用户的思考方式。
1.:不使用专业词汇tag自定义标签,而是使用label,更容易理解。
使用更加熟悉
的词语能够降低对新事物的学习曲线。
2.:系统记录tag需要保留下划线,而展示给用户应该像正常语言那样显示。
3.:提供简洁的文本来解释它。
比如添加标签将会使你更容易找
到需要的图片等等解释。
为相同tag创建多个版本的几率将会降低。
需要某种方法来侦测相似的tag,并且能够让用户为想标记的内容选择已有的tag。
(这样用户定义标签就不会那么杂乱无章了)作者的第一种方法是类似于google搜索的自动完成,用户输入某个tag系统呈现出tag 列表供用户选择,用户选择最适配的那一个。
第二种方法是推荐页面。
Flickr就是只针对tag。
(搜索是大多数网站最重要的一个功能)
所有的交互行为都必须尽可能的清晰。
(我是我在这本书里学到的第三句重要的话吧。
这让我一下子联想到口语表达要尽可能的使用清晰的词汇,没有谁会知道只有你自己才知道的事情。
)
大型软件仍然需要提供最相关和最基本的功能,通过启发式设计让用户提高效率,并且保持从一个界面到下一个界面的一致性和连贯性,同时通过设计元素让交互变得更易学习,并且能重复同种交互行为。
个性化主页上组织自己专属的模块。
我想到的是我的百度首页有一个网站导航,然后我呢就按照“学习”、“电视剧”、“生活”分类添加了一些网站类目。
那么除了创建、删除模块,我们排列模块的话通过拖放完成,以建立起最适合自己的顺序。
一个有效的拖放交互需要提供完整的3种状态。
比如当鼠标悬停到某个图标上出现的工具提示,或者一个改变了的鼠标指针(比如一个十字型),这个时候提示用户除了单击之外还可以进行拖放操作
DashboardHQ的edit页面,这里的“邀请”状态提供了几项任务,就是删除按钮(一个垃圾桶图标),标题命名(edit),拖拽。
方案:
(1)这里的“邀请”是显示在模块左上角的drag文本。
(2)并为了让“邀请”更加完善,设定当用户鼠标移动到文本drag上就显示“移动”的指针。
-每一个交互行为的每一个步骤都需要尽可能的,特别是操作状态中
DashboardHQ的操作包括单击drag操作柄,拖拽模块到新的位置,然后释放鼠标按钮让模块落到这个新的位置。
分析:
只要用户鼠标移动到drag操作柄上,单击开始拖拽,需要确切的传达出因为位置的改变而对页面产生的影响。
于是创建了虚线框来显示模块将会落到新位置。
实现就是让用户知道他的交互已经实现了。
而在这里模块被吸到新的位置时已经充分表明实现了,就像拼图完成时的直观印象,所以Dashboard HQ的做法是什么都不做。
基本假设:作者把页面分为两类,,
如果是经常使用很重要的页面,那么才可能需要个性化定制了。
比如政府门户网站,只是为了寻找确实需要的信息,那么就不需要个性化功能。
网站将要发布重要更新,在作者看来应该有一个发布前告知用户的步骤。
原因可能有3。
1,面临项目的最后期限,所以时间不够。
2,市场团队不想泄露机密。
3,BOSS认为这个事情不重要。
作者认为好处在于告知用户,1.忠诚的用户会有期盼,讨厌改变的用户又能给予警告(我倒觉得应该翻译为温馨提示比较合适点);2.创造谈资,为改版后的第一天迎来巨大的访问量;
3. 让用户知道需要一些再适应,并且很值得。
设定明确的时间,可能希望让活跃用户做一下试用以修改最后一个bug。
(为发布更新设定明确的时间意味着你能给顾客准确的信息,而不是在某天早上突然吓他们一跳。
作者这个表达太有趣了。
)
(1)一封,包括活跃用户,普通用户,和那些注册了没有用但没有删除账号
的用户。
(2),添加关于更新的预告信息,要求是能够引起注意。
引起注意就比较简单了,从颜色上和其他部分区分开就可以了。
(3)。