在互联网信息时代,想做全栈市场人,却自己发现早已陷入无穷无尽知识的海洋,甚至说有些迷茫。
Don't make me think 显而易见网页界面设计,less is more 乔布斯iphone4的极简主义(简洁胜过一致),可用性成为主流。
※阅读文章前先借用书籍中的几个问题让大家反思下自己设计的Web端界面
①我在什么位置?
②我该从哪里开始?
③他们把XX放在什么地方了?
④这个页面上最重要的是什么?
⑤为什么他们把它叫这个?
⑥这是广告还是网站的内容?
※可用性表现在Web端、移动端、PC端的抽象形容词列为以下几点:
有用、可学习、可记忆、有效、高效、合乎期望、令人愉悦
主流用户行为1、扫描2、满意即可3、勉强应付
原因1、①总是任务在身—尽快完成某项任务②知道不必阅读所有内容—找相关内容③善于扫描
2、①总处于忙碌中②猜错没有代价,对选择进行权衡并不会改善我们的机会④猜测更有意思
3、①并不重要②如果发现某个东西能用,我们会一直使用它。
※为减少用户学习成本,引导用户快速对网站结构进行了解,可采取提高用户注意力的方式
1、与手头任务有关的
2、当前或接下来的个人兴趣
3、脑海一些根深蒂固像触发器那样的词,例如:“免费”“大减价”“美女”还有用户的名字
※广告牌设计101法则
1、尽量利用习惯法
2、建立有效的视觉层次
(①越重要的部分越突出②逻辑上相关也在视觉上相关③逻辑上包含的部分在视觉上进行嵌套)
3、把页面划分成明确定义的区域
4、明显标识可以点击的地方
5、最小化干扰
6、为内容创建清晰的格式,以便扫描
※网络导航101法则
1、你通常是为了寻找某个目标
2、你会决定先询问(搜索)还是先浏览
被忽视了的导航(持久导航【站点id、栏目、实用工具、搜索】与全局导航)的用途
①他告诉我们这里有什么
②他告诉我们如何使用网址
③他给了我们对网络建设者的信心
搜索框:拒绝花哨的用词和指示说明,对有选项的搜索框进行慎重考虑
面包屑:把它们放在最顶层,使用“>”对层级进行间隔,加粗最后一个元素
页面:每个页面都需要一个名称,页面名称需要出现在合适的位置,名称要引人注目,名称要和点击的链接一致
※推荐此种后备箱测试法检验你的网站的可用性如何?(自己问自己)
①这是什么网站?(站点ID)
②我在哪个页面上?(网页名称)
③这个网站的主要栏目是什么?(栏目清单)
④在这个层次上我有哪些选择?(本页导航)
⑤我在导航系统的什么位置?(“你在这里的指示器)
⑥我怎么搜索?
记于2017年12月5日晚