读这3本网页设计新书，能学到哪些实用技巧？
- 内容介绍
- 相关推荐
C位出道。 喂喂凑过来偷偷说啊最近是不是总觉得网页做得 “没魂儿”？明明熬夜熬到眼肿改出来的页面客户看一眼就说 “再想想” 同事看一眼就说 “还行吧” —— 别慌不是你菜是没摸到 “实用到能立刻变现” 的技巧而已！前阵子我疯啃三本新书差点把桌子拍裂原来好多 “卡壳问题” 早有人帮我们想通了今天就把这些干货拆成唠嗑话讲给你听全程不带架子纯纯老友分享哦～
《项目指导用户体验网页设计》：终于有人教我们 “怎么跟需求周旋” 了
害提起UX设计很多人第一反应是 “又要画原型又要写报告烦死啦” —— 但这本Russ Unger和卡洛琳·钱德勒写的书完全不 他破防了。 是那样子它更像一本 “职场 survival 手册” 专门教我们这种 “既要搞定设计又要搞定客户/产品经理” 的苦命打工人。
最戳我的是第一章讲 “签合同 ” —— 你们肯定遇到过这种情况吧：客户嘴一撇 “先做个草稿看看嘛又不急 ” 等你熬三晚交稿他又说 “这里要加功能那里要换风格 ” 一改改到 deadline 过三天还不给钱… 这本书直接甩给我们一份 “反坑合同模板 ” —— 里面明确写着 “需求确认后修改次数仅限3次超出部分按小时计费 ” “核心功能调整需提前72小时通知 ”甚至连 “若因甲方反复变更导致延期乙方 ”这种话都帮我们想好了有没有很解气，YYDS...？
还有 user testing 的部分之前我总觉得 “测试就是找几个朋友点点手机录个视频完事 ” —— book里直接扔过来一句 “傻叉行为大赏 ” : 用户根本不会按你想的说真话!正确姿势应该是先给测试者发份「前置问卷」: - “你昨天刷淘宝时最讨厌遇到什么情况? ” - “看到 ‘收藏 ’按钮会先确认它是不是 ‘加购 ’吗? ” 摸清他们真实痛点再测界面!上回我拿这招试客户电商首页居然发现90% 用户会把 “加入购物车 ”点成 “客服咨询 ” ——主要原因是两个按钮颜色太像大小只差一毫米!改完之后点击率直接飙到之前三倍老板当场转来五千块红包哭着说“早知道找你测早好了…”
哦对插个题外话好多人问过我: 为什么百度不收录我的网站? ——哎别急这锅可不全在百度身上!先说说蜘蛛喜欢“有用+独特+快” 的内容: 如果你的首页堆着一堆重复关键词 反而会被判定为垃圾站;接下来移动端适配必须做好!现在百度80%流量来自手机如果你的页面在手机上字体小到要眯眼加载慢到能刷三条抖音…蜘蛛爬一次就再也不来啦;再说说更新频率很重要哦~每周更两篇原创比一个月更一篇管用一百倍信我的!
《交互设计要点》:艾伦库珀教我们 “按钮到底该怎么做才对味?”
提到交互设计很多人立刻联想到炫酷动效或者复杂逻辑但艾伦库珀这本第四版直接把道理掰碎揉进家常话里: 交互设计不是炫技而是“让用户不用动脑就能完成动作’’ !
以前我做按钮总犯倔非得当什么“艺术先锋”:圆形渐变加描边还要配首点击音效…后来啊测出来转化率低得吓人!书里一巴掌拍醒我:「按钮存在唯一目的就是被点击越快越好越准越好」!比如说外卖APP那个「马上下单」 起初我以为... 键:不用搞花里胡哨形状不用弄奇奇怪怪颜色但一定要做到「比周围所有元素都突出十倍」!什么意思?旁边文字都是灰色它偏要是亮红色;旁边图标都是小尺寸它偏要是两倍大;甚至点下去要有「微微下陷+短暂震动」反馈!
这个技巧我上周刚用来救急客户美妆官网本来登录按钮藏在菜单栏第三层小字灰灰没人注意改完之后直接放导航栏C位红底白字还带凹陷动效—数据统计点击量翻番!老板拉着我的手直晃:「妹妹呀你终于明白了啥叫真正交互!’'，人间清醒。
还有个超反常识但超有效的细节: 少即是多 !以前总觉得首页堆越多按钮越好什么「新品」「秒杀」「会员」「优惠券」全往上码…后来啊用户打开页面只会发呆:「这么多 是个狼人。 选项到底点哪个?’' book里建议最多放三个核心按钮而且要用「动词+好处」文案代替文绉绉套话!比如不要写「点击获取专属优惠’’改成「点我拿10元无门槛券’’
《别让我思考》:库克香槟喊我们醒醒" 用户根本不想动脑!"
如果说前两本书是教我们 "怎么做"那这本史提夫·库克香槟写得《别让 me think》绝对是 "当头棒喝" —书名已经戳中所有设计师痛点: 你的网站到底要不要让 users spend time thinking?，掉链子。
放心去做... 答案当然是否定哒!书中举过个超经典例子某母婴品牌官网把「纸尿裤专区」藏在 "育儿指南→宝宝护理→婴儿用品→纸尿裤’’四级菜单下…后来啊访问深度掉40%转化率低到可怜!后来他们把入口移到导航栏最右端换成醒目标识搭配文字提示"点击直达新生儿尿裤"—流失率瞬间砍半有没有?
库克香槟还教我们一个 "傻瓜式文案检查法": 如果你写完一句文案需要停顿三秒才想明白意思那这句话绝对不能用!»比如说以前客服页面提示语写 体验感拉满。 成"如有疑问请通过右侧悬浮窗提交咨询申请’’绕来绕去没人看;后来改成"有问题?点右边小窗口直接问!’'简单到傻子都能懂访问量涨三成不是梦~
什么鬼？ 还有一个关于 "视觉引导" 的小技巧被无数次验证有效: 主页首屏视线停留时间不能超过3秒!»所以最重要信息必须放在屏幕上方三分之一处而且字体大小至少比正文大两倍颜色对比度拉满!上次帮朋友改咖啡网店首页本来把"今日秒杀9.9一杯"藏在页尾第五段后来移到 banner图正中央大字加粗—开业第一天销量翻五倍她请我喝奶茶时都快哭出眼泪:"哥以后跟您混!"
再说说想说…
其实这三本书翻完最大感悟就是:网页设计从来不是 "艺术家自我表达"而是 "解决问题’’解决 user 的麻烦解决 client 的焦虑解决搜索引擎 spiders 的疑惑…没有什么高大上理论全都是 "抄一遍就能用""试一次就有效" 的小技巧~，反正吧…
下次再遇到瓶颈不妨翻翻看它们说不定哪句话就能戳中你:"哦原来这么简单!"毕竟咱们当设计师图啥 切记... ?不就是看着自己做出来东西被人夸"哇好好用""这个页面好贴心""怎么找到这家店?"的时候吗~
对啦要是试完这些技巧真拿到好效果记得来跟我说一声哦~毕竟朋友之间分享快乐比啥都强嘛哈哈哈哈哈~
C位出道。 喂喂凑过来偷偷说啊最近是不是总觉得网页做得 “没魂儿”？明明熬夜熬到眼肿改出来的页面客户看一眼就说 “再想想” 同事看一眼就说 “还行吧” —— 别慌不是你菜是没摸到 “实用到能立刻变现” 的技巧而已！前阵子我疯啃三本新书差点把桌子拍裂原来好多 “卡壳问题” 早有人帮我们想通了今天就把这些干货拆成唠嗑话讲给你听全程不带架子纯纯老友分享哦～
《项目指导用户体验网页设计》：终于有人教我们 “怎么跟需求周旋” 了
害提起UX设计很多人第一反应是 “又要画原型又要写报告烦死啦” —— 但这本Russ Unger和卡洛琳·钱德勒写的书完全不 他破防了。 是那样子它更像一本 “职场 survival 手册” 专门教我们这种 “既要搞定设计又要搞定客户/产品经理” 的苦命打工人。
最戳我的是第一章讲 “签合同 ” —— 你们肯定遇到过这种情况吧：客户嘴一撇 “先做个草稿看看嘛又不急 ” 等你熬三晚交稿他又说 “这里要加功能那里要换风格 ” 一改改到 deadline 过三天还不给钱… 这本书直接甩给我们一份 “反坑合同模板 ” —— 里面明确写着 “需求确认后修改次数仅限3次超出部分按小时计费 ” “核心功能调整需提前72小时通知 ”甚至连 “若因甲方反复变更导致延期乙方 ”这种话都帮我们想好了有没有很解气，YYDS...？
还有 user testing 的部分之前我总觉得 “测试就是找几个朋友点点手机录个视频完事 ” —— book里直接扔过来一句 “傻叉行为大赏 ” : 用户根本不会按你想的说真话!正确姿势应该是先给测试者发份「前置问卷」: - “你昨天刷淘宝时最讨厌遇到什么情况? ” - “看到 ‘收藏 ’按钮会先确认它是不是 ‘加购 ’吗? ” 摸清他们真实痛点再测界面!上回我拿这招试客户电商首页居然发现90% 用户会把 “加入购物车 ”点成 “客服咨询 ” ——主要原因是两个按钮颜色太像大小只差一毫米!改完之后点击率直接飙到之前三倍老板当场转来五千块红包哭着说“早知道找你测早好了…”
哦对插个题外话好多人问过我: 为什么百度不收录我的网站? ——哎别急这锅可不全在百度身上!先说说蜘蛛喜欢“有用+独特+快” 的内容: 如果你的首页堆着一堆重复关键词 反而会被判定为垃圾站;接下来移动端适配必须做好!现在百度80%流量来自手机如果你的页面在手机上字体小到要眯眼加载慢到能刷三条抖音…蜘蛛爬一次就再也不来啦;再说说更新频率很重要哦~每周更两篇原创比一个月更一篇管用一百倍信我的!
《交互设计要点》:艾伦库珀教我们 “按钮到底该怎么做才对味?”
提到交互设计很多人立刻联想到炫酷动效或者复杂逻辑但艾伦库珀这本第四版直接把道理掰碎揉进家常话里: 交互设计不是炫技而是“让用户不用动脑就能完成动作’’ !
以前我做按钮总犯倔非得当什么“艺术先锋”:圆形渐变加描边还要配首点击音效…后来啊测出来转化率低得吓人!书里一巴掌拍醒我:「按钮存在唯一目的就是被点击越快越好越准越好」!比如说外卖APP那个「马上下单」 起初我以为... 键:不用搞花里胡哨形状不用弄奇奇怪怪颜色但一定要做到「比周围所有元素都突出十倍」!什么意思?旁边文字都是灰色它偏要是亮红色;旁边图标都是小尺寸它偏要是两倍大;甚至点下去要有「微微下陷+短暂震动」反馈!
这个技巧我上周刚用来救急客户美妆官网本来登录按钮藏在菜单栏第三层小字灰灰没人注意改完之后直接放导航栏C位红底白字还带凹陷动效—数据统计点击量翻番!老板拉着我的手直晃:「妹妹呀你终于明白了啥叫真正交互!’'，人间清醒。
还有个超反常识但超有效的细节: 少即是多 !以前总觉得首页堆越多按钮越好什么「新品」「秒杀」「会员」「优惠券」全往上码…后来啊用户打开页面只会发呆:「这么多 是个狼人。 选项到底点哪个?’' book里建议最多放三个核心按钮而且要用「动词+好处」文案代替文绉绉套话!比如不要写「点击获取专属优惠’’改成「点我拿10元无门槛券’’
《别让我思考》:库克香槟喊我们醒醒" 用户根本不想动脑!"
如果说前两本书是教我们 "怎么做"那这本史提夫·库克香槟写得《别让 me think》绝对是 "当头棒喝" —书名已经戳中所有设计师痛点: 你的网站到底要不要让 users spend time thinking?，掉链子。
放心去做... 答案当然是否定哒!书中举过个超经典例子某母婴品牌官网把「纸尿裤专区」藏在 "育儿指南→宝宝护理→婴儿用品→纸尿裤’’四级菜单下…后来啊访问深度掉40%转化率低到可怜!后来他们把入口移到导航栏最右端换成醒目标识搭配文字提示"点击直达新生儿尿裤"—流失率瞬间砍半有没有?
库克香槟还教我们一个 "傻瓜式文案检查法": 如果你写完一句文案需要停顿三秒才想明白意思那这句话绝对不能用!»比如说以前客服页面提示语写 体验感拉满。 成"如有疑问请通过右侧悬浮窗提交咨询申请’’绕来绕去没人看;后来改成"有问题?点右边小窗口直接问!’'简单到傻子都能懂访问量涨三成不是梦~
什么鬼？ 还有一个关于 "视觉引导" 的小技巧被无数次验证有效: 主页首屏视线停留时间不能超过3秒!»所以最重要信息必须放在屏幕上方三分之一处而且字体大小至少比正文大两倍颜色对比度拉满!上次帮朋友改咖啡网店首页本来把"今日秒杀9.9一杯"藏在页尾第五段后来移到 banner图正中央大字加粗—开业第一天销量翻五倍她请我喝奶茶时都快哭出眼泪:"哥以后跟您混!"
再说说想说…
其实这三本书翻完最大感悟就是:网页设计从来不是 "艺术家自我表达"而是 "解决问题’’解决 user 的麻烦解决 client 的焦虑解决搜索引擎 spiders 的疑惑…没有什么高大上理论全都是 "抄一遍就能用""试一次就有效" 的小技巧~，反正吧…
下次再遇到瓶颈不妨翻翻看它们说不定哪句话就能戳中你:"哦原来这么简单!"毕竟咱们当设计师图啥 切记... ?不就是看着自己做出来东西被人夸"哇好好用""这个页面好贴心""怎么找到这家店?"的时候吗~
对啦要是试完这些技巧真拿到好效果记得来跟我说一声哦~毕竟朋友之间分享快乐比啥都强嘛哈哈哈哈哈~