其他分享
首页 > 其他分享> > 个人喜好-产品体验设计思维与实操-1-基础界面篇

个人喜好-产品体验设计思维与实操-1-基础界面篇

作者:互联网

打造具有同理心的产品体验设计

以用户为中心,设计出颜值跟实操都很顶的产品。用户需求出发,设计出友好的人机交互模式。

以用户为中心的设置,就要围绕用户的痛点去找到优化的法,使每一步设计都解决实际问题,有据可依,才能做出优秀的设计。

准则:如何设计符合产品类型的启动页?

启动页: 目的是 吸引客户 ,然后商业推广和品牌运营变现。

启动页是产品曝光度最高的界面,也是PC端的首页,还会被用作商业推广和品牌运营:

品牌运营是指运营自身品牌和推广,主要还是便于记忆,给人留下印象;

商业推广 是产品到达一定量级之后,商业化实现盈利。

产品类型 决定自己的风格。

从衣食住行出发:

衣服对比电商消费类,大背景底色显示品牌,关键词醒目凸显品牌。品牌运营效果好;

出行对于对比旅行消费。拍摄高清图做背景,也是突出产品特性,提升产品形象气质;

读书对比阅读类 营造场景故事 引发一种共鸣,来提示用户对产品的粘性。

娱乐 类似最新的2077,就是很精致,视觉冲击力强,拓宽用户眼界,产品给人一种高格局。

活用启动页涉及准则

1.纯色背景,白色优先。反衬就容易让logo或者品牌名更加醒目,加深用户的瞬间记忆,打到品牌传播效果。不过需要有过硬一些产品用这个比较好。

2.大片拍摄,气质第一 。参考微信的高清地球,选图很关键,也很考究。

3.故事渲染,直戳人心。图片本身自带信息传递,能更好引起人的共鸣。推荐,但是考验能力,策划难设计也难。

4.引领趋势,打破常规。新技术的引入,高大上的逼格。更精细的画面。就如当年的魔兽世界电影宣传,我给他的CG跪了,那次去看了3D电影,就为了看部落。

其中动画设计,以线条连接成面,最后形成logo,或者引出产品名。

二次元设计,个人还是比较接受billbill,永远的二次元。

短视频设计的引用。这里不得不说一下网易云音乐的黑砖会员,他们的产品打开短视频就很棒。没有会员的就只能看看推广广告。

多种模式,最关键还是吸引客户,最好是引起客户共鸣,跟你产品主题切合,来达到

搜狐产品改版。启动页要如何设计?

如何去改变:

1.排列方式 2.设计形式 3.规范格式

目前大多数排列方式都是围绕需求,不过达成大部分共识。上面品牌爸爸,下面不变的自己logo。这是大体量产品变现时候广告的分配,如果是自家产品,那当然是都是自己家里的。先加载自己的logo,然后再加载上面广告。

设计形式要符合产品定位。具体可以参考上面举过的例子。

如何规范格式?

具体广告设计区域,以及设计大致规范需要模板规范,大小以及部分产品信息摆放位置需要有一定的位置确定,不允许一些不确定设计,商家给出自己的广告模板需要后台审核,允许兼容进行投放。

方法:怎么让功能入口型首页留住用户?

通过首页的功能划分入手,针对设计功能首页逐个分析来确定需要如何修改。

功能入口型 淘宝,美团入口

信息列表型 抖音,QQ看点,一进去就是不断的信息输出

即使体验性 百度地图

1.解决功能层级的分组问题:

接近法则(亲密性) 物以类聚,以及客户的爱屋及乌喜好,都可以起到带动作用。

2.选择不同的设计技法:

图标风格分功能;颜色区块更直接;卡片分割显气质;文字和线做对比;标签,留白齐参与

3.直观地呈现信息:

直观呈现让用户更直观地感知到。

这里程序能做的,就是埋点,记录用户跳转情况以及跳出情况

案例:美团首页是如何融合三种设计类型的。

美团页面是比较成功的。

美团首页属于典型的功能入口型,但在这些功能中又包含了即时体验和信息列表的功能。

信息列表型和即时体验型的表象

怎么融合三种首页设计类型?

1.明确设计需求,分组功能层级:主推新功能的同时,还不影响第二层级核心功能的地位。本质都是需要遵循按需进行分组功能层级,业务决定主次

2.选择合适的设计技法 也就是上面提及的,刚柔并济,主次分明。还不难看出美团的中心颜色的黄色,即是 黄色作为一个品牌色。

3.信息列表的融合,提升内容转化。

图片识别以及冲击都远高于文字,但是图片要求要高,要切合识别度。这也导致了美团的外卖,下单图片跟实物其实存在不符合。理解就好。

4.即时体验型设计,对应外卖地图之类的,不过大致匹配,局部其实没有百分百准确。

攻略:如何设计实用性强的图

实用性图片的特征有4个

1.高辨识度,无须注释。什么时候你代码就是你的注释,就差不多这个水平,不过图片更容易实现。

2.美观大方,吸引用户。通过调节色彩来改变,不过色彩最好是一开始能确定,不要换来换去

3.凸显功能,体现特征。帮助用户快速识别产品功能。

4.国际范儿,通用性强。

如何设计:

1.找到品牌符号。对应logo元素对其,颜色或者弧度或者之类从logo寻找。

2.找准表达图标的方式。拟物化表达,比喻手法,字做主题。模拟出场景。简约大方,简约美线条。

案例:搜狐汽车产品改版,图标怎么完成进化?

改变,需要改变。

在开始设计之前,先对产品做好充分分析,梳理出需求,制定行动方案,再往下落实,磨刀不误砍柴工;

设计中从品牌出发,提炼出设计符号,是区别于竞品,体现产品独特性的关键;

设计中围绕实用性的主旋律,才能体现出图标的价值,而不是一味地去体现个人的设计风格。

对应案例描述,我略过了一些东西。因为写是为了提醒自己,某些感兴趣的点,以及看过的数据。并不是为了转载某些东西。对应老师阐述的方案还是很有明细标志的。连我一个门外的程序员,对应一些东西也有挺深的感触。


漫漫长路,一个小周跟他一个小陈朋友一起努力奔跑。


标签:功能,界面,美团,喜好,用户,品牌,实操,产品,设计
来源: https://blog.csdn.net/qq_32871365/article/details/112793626