乐于分享
好东西不私藏

好的的网页、APP的设计都遵循的10个特点!

好的的网页、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感兴趣,欢迎多多讨论。