好的的网页、APP的设计都遵循的10个特点!
Hi,我是程序员蓝莓。
最近设计产品时,遇到困难,总是纠结的UI交互最好?
今天总结一下,做产品文档 和 设计交互要考虑的10点。
1.别让用户疑惑
“当你在创建一个网站的时候,你的任务是尽力避免让用户产生疑惑。”
谷歌的核心页面就是一个搜索框,
微信qq的核心页面就是一个聊天页面,
抖音的核心页面就是一个视频。
好的页面设计一定是,一眼知道这是干啥的,一眼知道怎么操作,知道点后发生什么。
设计时候考虑用户的操作路径。不要通过复杂的学习才会用。如果让用户犹豫了1s那就是失败的。
2.少就是多
少代表极简,而多指的是内容和资源丰富。
少代表着把简单留给用户,复杂留给自己。不要让用户有负担。
少代表者聚焦。
微信少的地方就一个聊天入口,一个联系人。但是多的地方在于 它容纳了一个熟人的所有生态。
抖音少的就是一个短视频,但它有丰富的短视频。
谷歌少的就是一个搜索,但是它背后有上千万个网站。
3.把复杂的内容:删除,隐藏,转移,
隐藏:隐藏非核心功能:比如隐藏在下面菜单里面。
转移:转移到其他的页面菜单:比如设置里面。。
4.为核心用户群体设计
大部分用户群体满足正态分布,核心功能要满足80%核心用户。
复杂功能要进行转移,留给10%的专家用户。
5.首页的作用
告诉用户这个网页可以干嘛。告诉用户具体的引路的地方。不是杂货铺。
6.清晰的视觉层级
设计师就是导演一样,通过大小,颜色,间距控制用户先看什么,再看什么。
目标物越大,距离手指头越近,越容易点击。移动端导航应该在底部。
7.即使反馈
动画特效:点击按钮的时候,要有轻微的下按感,复制成功的时候提示一个Toast。
状态特效:已经做完的任务应该变成灰色。
8.美学设计
一致性,圆角大小都是12px。间距都是8px。一个页面的颜色不要超过3种。
主色占60%(背景/大面积)
次要色占30%(组件/卡片)
强调色占10%(按钮/重要元素)
骨架屏,数据没有出来,先展示轮廓。
9.情绪驱动
红包页面,倒计时秒杀页面,折扣页面,限量销售,都是让用户有点击冲动。
10.极简测试
找街上3个路人帮忙,实用产品。看他们卡在哪里。卡的地方就是有问题的地方。
总结:
内容实用性 (有价值信息,为核心用户群体设计)
> 视觉:内容简洁(关键词突出,少就是多,不要有噪音,让用户有信任感)
> 交互:用户操作简单(按钮设计的不要让用户思考,减少操作,点击后有反馈,加载速度快。)
> 视觉:页面有美感(视觉分层,整体性一致,情绪驱动)。
最后,我是蓝莓,如果你也对产品,开发,AI感兴趣,欢迎多多讨论。
夜雨聆风