• 看完《Don't make me think》的总结


          寒假在公司实习,然后公司人数比较少,作为一个前端实习生,分工下,就去负责了项目的业务逻辑的梳理以及页面的设计,为了让页面设计的好看,交互性好,便于用户使用,我就快速看了这本薄薄的却很有用的书。书的整体思想是“别让用户思考”。接下来是我对知识的梳理和总结,共勉。

    一、设计的基本原则

    1欢迎词必须消灭
    2指示文字必须消灭
    3保持段落简短
    4层级关系明显
    5使用符号列表
    6突出关键词语
    7充分利用标题
    8越重要的地方越突出
    9逻辑上相关的部分也在视觉上相关
    10逻辑上包含的部分在视觉上进行嵌套
    11习惯用法不错,在你清楚自己有一个更好的想法时进行创新,如果没有,那么请尽量利用习惯用法。简洁胜过一致。建立有效的视觉层次,把页面划分成明确定义的区域,明显标识可以点击的地方,最小化干扰,为内容创建清楚的格式,以便扫描
    12顾客用web主要是扫描,满意即可,勉强应付
    13最重要的是,显而易见,不让用户思考。如果你不能做到让一个页面不言而喻,那么至少应该让它自我解释。

    二、网站测试的时候需要问的几个问题:
    这是什么网站?(站点ID)
    我在哪个网页上? (网页名称)
    这个网站的主要栏目是什么?(栏目清单)
    在这个层次上我有哪些选择?(本页导航) 
    我在导航系统的什么位置?(你的这里的指示器)
    我怎么搜索?

    三、界面让人提高好感的几种方式:
    1知道人们在你网站上想做什么,并让他们明白简易
    2告诉用户想知道的
    3尽量减少步骤
    4花点心思
    5知道用户有哪些疑问,并且给予解答
    6为用户提供协助,例如打印友好页面
    7容易从错误中恢复
    8如有不确定,记得道歉
    9没有光标===没有悬停===没有线索
    10提供一个到”全内容“网站的链接
    11要有一个好口号

    四、如何提高界面的友好度

    1、改正让所有人感到混淆的可用性问题
    2、读一篇文章
    3、看一本相关的书,如《Don't make me think》
    4、为每张图片增加合适的alt文本
    5、使用合适的标题
    6、让你的表单配合屏幕适配器
    7、在每页的最前面增加一个“跳转到主要内容”的链接
    8、让所有的内容都可以通过键盘访问
    9、在文本和背景之间设置明显的对比
    10、采用一份可访问性良好的模板

    五、移动应用的可用性属性:有用,可学习,可记忆,有效,高效,合乎期望和让人快乐

    六、可用性原则~某个东西越需要投入大量时间,或者看起来会这样,它将来就会用的越少

    七、我所听到的大部分预言几乎是完全错误的,预言钟真正重要的那些往往会让我们觉得意外,哪怕它们在事后看起来相当明显。

  • 相关阅读:
    截取表单提交的字符串信息转换成对象 -- 前端面试题(一)
    HTML5 简单归纳 -- 前端知识 (二)
    02_安装Linux
    01_Linux 简介
    Mysql学习笔记八:Mysql操作
    Mysql学习笔记七:常用SQL语句
    Mysql学习笔记六:事务
    Mysql学习笔记五:修改
    Mysql学习笔记四:查询
    Mysql学习笔记二:主键、外键
  • 原文地址:https://www.cnblogs.com/meetup/p/5223181.html
Copyright © 2020-2023  润新知