走进小作坊(十七)----瞬间之美

   平日所关注有些做的很绚丽、有些做得很简约,背后则是技术人与设计人关于网站卖点的不同观念。但作为用户,有些网站即便素朴用起来也很舒服,有些网站绚丽,却不一定给用户留下好感。对于普通的用户,易用性有着很重要的地位。

   请看下面12306网站:

    如果用户不是带着购票的强需求来到这个网站,那么还真难一眼辨别出,左下部分是一个个按钮。只有在购票需求的驱使下,再通过阅读上面的文字,才能使用户试探性的去点击。查看这些内容不难发现,这一个个“按钮”由一个个切片构成,可见网友吐槽12306,还是情有可原的。

    今天所讲这本书《瞬间之美》,关注网站用户使用的一个个瞬间,使网站用户感觉不到吃力,可在网站畅游,恰似欣赏一件艺术品或探寻瑰宝,获得美好的体验。

    在书中,作者做一个网站的主页,想吸引用户注册,作者将平凡注册的语言,换成具有号召力的短语:express yourself start a blog,并将注册按钮做大,按钮设置成绿色,以便与周围环境突出。这三个措施,从环境语言和外观上,吸引用户注意,达到了吸引用户注意的目的。

   不过还没完,作者提出古腾堡图表的概念,即人们的阅读习惯,总是从左上角到右下角的。即左上角是第一视觉落点区,右下角则是最终视觉落点区,右上角和左下角是视觉盲点。因此将这个规律运用到目前吸引用户注册的问题上,由于每个网站左上角都放网站的logo,注册按钮则放在右下角,与左上角成对角线之势,并依据平衡设计原则,将logo和按钮设置成海蓝色,与周围环境形成反差。

   是不是发现,网站设计特别有规律可循了呢?这还是个开始。作者抓住每个瞬间所持有理念是:时刻关注网站表达什么,并相应作出简单改动。

   导航

   每个网站都涉及导航,导航功能设计好坏,体现了整个网站可用性高低。导航过程,不在于反映网站内部结构,而是对于我们用户是否合理,符合用户的思考习惯。作者提出,导航块命名不是基于对象而是基于任务,即动宾语句做导航名,使用户操作一目了然。

环境提示

   纵观全书,作者所谓绕话题主体,在讨论更好的环境提示,帮助用户获得更好体验。这里所说的环境提示,可以理解为减少思考和检验,仅凭直觉就可以做出判断。

   比如乐帝制作自己信息流的网站,涉及到新旧信息的堆叠问题,从信息角度考虑,新信息更希望用户阅读,旧信息比较次要。那么可以这样安排:新信息到旧信息的编排,字体逐渐变小,字体颜色逐渐变淡。这样就可以使用户从从直觉上,去判断信息之间差异。

    对于大信息量的站点,用户专注于读,而在新站点上,用户考虑的是做,而不是读。乐帝曾经探索整个糗百的架构,内容和页面都非常地简单,乐帝探索自己能做什么,点赞和评论都需要登录用户,网站并没有明确提示该如何注册,只有个登录页面,着实让我这个用户没了互动的兴趣。至少从糗百来说,用户的做,并没有很好地解决,你不能期望每个人,都去百度,找网友要注册码。

页面标题与内容

    关于页面的标题,是帮助用户了解页面信息的,简练、明确及“赶快行动”煽动性的话,更有意义。关于乐帝目前打算做的信息流网站,希望用简短的句子及配图,来代替每天大篇幅论述的新闻热点,并将原网站热门评论引入信息流中,为用户节省大量阅读及形成结论的时间,更快消化吸收信息。作者也认为,简短的句子,远比大段文字更有意义,因为问题在于我们能否给用户提供真正需要的信息。真正需要的信息,恰恰是乐帝接下来要考察的重点。

表单

   表单是网页中非常常见,不好设计给用户非常大的心理压力。表单的设计最符合作者提出交互三种状态:

邀请(表示邀请用户采取行动)、操作、实现(用户操作交互已实现)。

   为输入栏加文字说明是再基础不过的设计了。书中指出了用户阅读习惯的问题,表单提示文字和输入栏如果是分开两列布局,会降低用户阅读速度。一列布局即文字在上,下跟表单,则不会减缓阅读速度。从阅读习惯上讲,单列布局更人性化。

   对于每个表单项,文字说明对应交互三态的邀请,用户根据文字说明操作后,实现也是要考虑的,常用手法:当输入框失去焦点时,执行判断。表单正确,旁边用绿勾标记正确;表单填写错误,则在表单下方用红色提示错误文本,同时输入框边框设置成红色。

    如果表单填写内容较多时,可以将表单区域分块,实现可折叠控件。或者在页面中做出步骤的提示,告诉用户还有多少步骤,避免用户产生挫败感。当前网站需要更多用户信息,提供更好的服务,但更多用户信息的填写,对用户来说,实在痛苦,此时根据注册用户不同身份,采用注册分层方式,填写信息是个不错的选择。

    对于某些文本输入域,有文字字数限制,要做到通知提示字数限制,当输入字数时,实时提示何时达到输入限制,是推荐的。乐帝网站评论功能及注册表单环节都可以采用此种限制。

用户间交互及相关内容推荐

    twitter提供弱关系的用户间交互,即follow功能,此功能意在激发用户间更多互动,与网站发生更多联系。

   
诱使人们阅读更多其他日志,可以提供链接指向相关日志、最受欢迎日志以及日志分类。

评论及内容管理

   
作者对评论的建议是,不要控制任何东西,一点点谦卑和一点点驾驭。当然国内敏感言论,乐帝在网站中还是要对评论做处理的。

    标签的方式,可以帮助你将通过无数种方式来查找和组织内容,这其中又涉及两种方式:分类系统和分众分类系统,区别在于是管理员分类,还是用户自发分类。

    再次整理完此书,发现书中观点,对于构建一个网站从功能层,提供了非常多的建议。与之前《疯狂的站长》、《web2.0策略指南》关注的点各不相同,期待网站早日上线。

时间: 2024-08-04 12:04:33

走进小作坊(十七)----瞬间之美的相关文章

走进小作坊(十一)----移动web实现指南

四.五年前智能手机行业刚刚兴起,差别于之前功能机阉割版的web开发方式,一些学者就開始探索移动web的UI方向了.从PC迁移到移动端的web设计现成可用的原则有,很多其它的则是依据移动端独有特点进行探索.总结经验.原则.这本<移动web实现指南>乐帝本意是提升响应式设计网页的水平,读后发现很多其它的宝藏,揭开了对整个移动端web设计的兴趣之门.     移动设备不断抢占PC端的领地,对移动端web的需求自然也是水涨船高,越来越多的站点须要考虑到移动端用户的需求.前几年的文章处理这样的趋势还能够

走进小作坊(八)----公益之痒

有些事,错误了就是永远:有些人,一转身就是一辈子,不要轻易忽略任何爱,哪怕只是前天母亲节一通平凡的电话:时光走着她的路,路过青春的脚步,每个人或许都有遗憾的时候,总是要等到睡觉前,才知道功课只做了一点点 总是要等到考试后,才知道该念的书都没有念,为了让自己的人生少些许遗憾,需要我们做好时间管理,提前做好准备,认真思量之后再做打算. 但是在神奇的编程世界中,有一种魔法,可以让你避免很多遗憾,强大的word中具有"Ctrl+Z"的功能,PS等一些软件中,也具有此类功能,基本上所有的带编辑功

走进小作坊(十三)----并购之战

并购是创业和企业运营更高层策略的展现,很多公司收购一些企业目的是让被收购的企业自生自灭,那么为什么还收购的?因为至少从打败竞争对手所带来的不确定性上,收购是更低成本的策略.收购所要达成的策略多种多样,本文则是要讲述<并购之战>这本书所采取的策略.     这本书所述两家企业英国沃达丰与德国曼内斯曼的并购之事,号称史上最大的并购案是如何达成的呢?这本书将一一道来,首先从外部市场发展的大环境看,二战后全球化的背景下,资本自由流动,股东自由支配自己的财富.公司依赖开放的市场提供了根本的前提.九十年代

走进小作坊(十六)----口碑营销

这是一本非常有意思的书,对于小成本生意推销自有服务和产品有独到之处,读过此书,发现推广上唯一限制你的可能就是你的思考的胆量.乐帝读过此书后,准备提出一个口碑营销方案,用以解决亲戚家推广儿童娱乐场所服务的广度.     本书作者开篇讲述了自家网站要推广,促使小镇改名的口碑营销案例.让我们花点时间看他是怎么做成的呢?作者首先有了这个大胆的点子:让自家网站名字,在美国地图上可见,那就要修改一个地名.而且寻找与网站名有关联的地方修改,通过地图查找出一些备选地方,最后选择了一个小镇.小镇有其他类似地点不具

走进小作坊(二十三)----数据之美

这段时间,对数据可视化的研究从横向与纵向都有扩展.横向意义在于从更广阔的视角思考可视化方案,纵向意义在于深挖方案的具体实现.这本<数据之美>兼有横向与纵向内容.    一.可视化文档     在朋友帮助下,研读了一些层次数据可视化文档.文档构建如下:     此文档从层次数据定义开始讲起.捎带提及层次数据可视化挑战.挑战主要在于层次数据的展现与交互上,反映到微观上,分别是点和边的空间排布组织形式以及用户对相关部分观察分析交互的探索.文档大头在于对层次数据可视化方法的介绍,乐帝这里比较关注树图(

走进小作坊(十九)----商场博弈论的诡计

    最初接触博弈以为尽是经济中的公式,读完此<商场博弈论的诡计>,竟能激起乐帝对博弈的兴趣.在商场变幻莫测的环境下,能够认清形势,做出正确的决策,显得尤为可贵,而真正能指点江山的只有少数人.乐帝最近读的另外一本关于胡雪岩商道的书,对此体会更加深刻,从现今角度看其策略非常正确,但当时的环境下,能认清形势并借势.造势的仅胡雪岩一人.晚清的红顶商人.富可敌国,乐帝并不敢期望能有胡雪岩般商业智慧,只求看得更清楚,也就不虚读此书了.      人生中处处充满博弈,博弈是运用你的智慧和理性思维,在给定

走进小作坊(九)----省时省力的二八法则

乐帝已经去某视频站点实习了两天,主要从事移动端前端开发.有任务的工作,与之前放羊的状态有非常大不同,从精神领域来考虑,可概括为:降低了对未来的焦虑.添加了对工作的压力. 在复习一门考试之余读了一本学习方法的书,深感久不读书会抑郁,于是今天抽出去图书馆高速阅读了这本<省时省力的二八法则>.     此类介绍理念.概念的书主要的写书架构都会遵照:主题定义.小规模举例.专题性章节举例.最后这个专题性章节举例又可能包括:举例与展望部分.这本介绍二八法则的书也不能免俗,这也符合人类认知过程.这样想来写书

走进小作坊(十四)----web2.0策略指南

    这两年互联网热炒的"互联网思维"这个词,在读罢<web2.0策略指南>这本书之后,得出结论:国内的互联网思维名词,乃是web2.0理念的变种.要说新意嘛,掀起了近几年互联网投资.上市的热潮,投资人与互联网创业者都成了光鲜亮丽的风景.等等,这种熟悉的感觉像极了2000年互联网泡沫前的场景.那次风潮过后,真正迎来了互联网的繁荣,金融危机和互联网泡沫类似人类会有感冒发烧,首先是身体出了问题,免疫系统才会出现强烈反应,社会或者互联网的发展规律也类似,所以这股热潮泡沫中还是潜

走进小作坊(二十)----商道:胡雪岩叱咤商场的经营智慧

晚清政商界出了两个大人物,流传着:从政要学曾国藩,经商要学胡雪岩.晚清不论是官场还是商场都不太平,特别考虑到官场腐败.重农抑商,再结合两个人物所取得成就比,更显得弥足珍贵.读商道这类书,会让人兴奋异常,按照书中清晰的脉络,仿佛发现经商并不是遥不可及.<商道:胡雪岩叱咤商场的经营智慧>这本书作者太想总结出一条条规律了,以致整个胡雪岩的故事脉络,松松散散,前后交叉,以后还多需读读传记.     当年唐骏的书叫成功可复制,不过如唐骏这般北邮校友高材生,其成功复制还是难度蛮大的,反而像胡雪岩这样屌丝出