读书笔记-壹-《众妙之门-抓住访客心理的网页设计》

来源:互联网 发布:js style 编辑:程序博客网 时间:2024/04/28 07:24

《众妙之门-抓住访客心理的网页设计》

ISBN  978-7-115-31113-9


一、知识就是力量


二、说服力、回馈、从众效应、权威效应、稀缺效应、重点信息突出


三、马斯洛的层次理论表面上很合理,但是无法解释部分特殊情况,如艺术家不在乎温饱的追求艺术。

       相比一个非常稳定但枯燥的网站,你的观众也许会更喜欢美观漂亮的、但偶尔有些小问题的网站。


四、表单标签最好放到字段上面(不建议加粗)

      用户关注面部

      设计的质量是可信度的一个指标

      大多数用户不滚动页面

      蓝色是链接的最佳颜色(个人认为只是在文字中运用才是最佳,其他地方因地制宜)

      理想的搜索框是27个字符宽(PS:可以使用点击后,宽度增加的样式)

      空白可以增进理解(最明显的比如段落之间的距离要大于行距)

      可用性测试不必大量进行,2位测试用户可以发现50%问题,5位测试用户可以发现85%问题,15位用户可以发现几乎所有问题。

     为产品提供详细的信息

     大部分用户无视广告(警惕网站自身内容做成广告的样式)

          行高(像素)/主体字体高度(像素)=1.48

          行长度(像素)/行高(像素)=27.8 (平均的长度为538.64px,不包括边距和填充)

          段落间距(像素)/行高(像素)=0.754

          每行字符最佳数目是55到75之间,75~85其实更流行

五、值得注意的30个可用性问题

      7±2法则(适用于导航栏项目数)

     2秒理论(响应等待时间)

      3次点击理论(也可以确保用户知道自己所在位置克服)

     80/20法则

     用户界面设计的八条黄金法则

          1、保持连贯性

          2、让“老鸟”用户能够使用快捷键

          3、提供有实际意义的反馈

          4、以对话结束操作

          5、提供简单的错误处理(或者提示)

          6、允许轻松地返回上一步

          7、满足用户的控制需求

          8、减轻短期记忆负荷

     费茨定律(计算A到B的时间)

     倒金字塔结构(写作风格,用于突出重点)

     用户满意度(用户不会倾向于最佳,更喜欢快速化解决问题)


     可用性背后的心理学

     雏鸭综合症(用户倾向于第一次的设计)

     无视广告

      “扣人心弦”效应(通过询问或者挑衅吸引读者)       

     形状视觉的格式塔原则

     自我参照效应(用户自我代入)


     可用性术语表:术语和概念

     眼球追踪

     网页折叠

     中心凹区

     注释

     优雅降级(指一个网站即使在它的部件已经无法显示或者无效的情况下还能展示内容和基本功能的能力)

     粒度

     热区

     易读性

     扫雷(链接反馈)

      浆糊式导航

     物理一致性

     逐步强化(具有普遍可用性,同时对于拥有更好网络和更高级浏览器用户提供增强版的网页)

     可读性

     以用户为中心的设计

     警惕

     走来即用设计(小白第一次也能容易上手)

     线框图


六、坚持你的信念


七、红色:激情、爱情、愤怒

       橙色:能量、幸福、活力

       黄色:幸福、希望、欺骗

       绿色:新生、富饶、自然

       蓝色:冷静、责任、忧伤

       紫色:创造力、高贵、财富

       黑色:神秘、优雅、邪恶

       灰色:忧郁、保守、礼节

       白色:纯洁、不净、美德

       褐色:自然、健康、可靠

       米黄色或茶色:保守、虔诚、无趣

       奶油色或乳白色:平静、优雅、纯粹


八、色调即颜色

       色度是颜色的纯度(高色度未添加黑色、白色或灰色)

       饱和度是颜色的强弱(饱和度越高颜色就越强)

       明度是颜色的深浅(浅的颜色具有高明度)

       色调是通过在一个颜色中加入灰色来创建的,加入灰色使之比原来更暗淡

       阴影色调是通过在一个颜色中加入灰色来创建的,加入灰色使之比原先的颜色更深

       浅色调是通过在一个颜色中加入白色来创建的,从而使之比原来的颜色更浅


九、Adobe Kuler


评级:3.5


后记:这本书,我建议对网页设计初步入门的多看看,关于一些交互的基本概念以及配色的介绍很好,书里面的知识点分布有点两极化,中间颜色章节都是配色赏析。

0 0