交互设计(上)张阳光Designer

我对于交互设计师的概念更多的是来自于UI的理解,独立的交互设计师必然不会是一名好的交互设计师。身边也有很多朋友想从UI设计转行交互设计师,其实我建议可以直接转用户体验设计。

对于UI转行,个人认为产品经理也是一个不错的职业方向。见过很多产品都是纯产品(非转职),仅限于对于技术研发团队有一定的技术了解。但是如果UI转职产品,那么天然在竞争上就会有一定的优势。

言归正传,入行以来从最初的外包积累项目到专注于做一款项目,项目中包含的产品运营、数据提升等。再到现在使用交互模型更加合理的去处理界面的设计,很开心一直在不断的进步。

交互设计—————维基百科

交互设计,又称互动设计,(英文InteractionDesign,缩写IxD或者IaD),是定义、设计人造系统的行为的设计领域,侧重在交互模式的设计。

文中举例仅为方便理解该模型

福格行为模型,以BJFogg(斯坦福说服力科技实验室主任)命名。表明一个行为得以发生,行为者首先需要有进行此行为的动机和操作此行为的能力。接着,如果他们有充足的动机和能力来施行既定行为,他们就会在被诱导/触发时进行。

福格行为模型可以表示为B=MAT,即:B(Behavior)是行为,M(Motivation)是动机,A(Ability)是能力,T(Triggers)是触发。

图表表示该行为原则

实例说明(1)

如何提高站酷公众号内容阅读量

当前标题《这事还没完!房子开始反碱,全网喊话退钱,130万改造...》_____此处标题仅展示用户所看到的标题部分

当前配图

能力(点击观看用户成本很低)

实例说明(2)百度网盘活动页

1.动机:文案吸引(限时优惠,抽奖赢SVIP)——想要获取利益

2.触发:产生点击抽奖行为

3.动机:抽奖完成后显示文案突出本次抽奖产生的优惠信息——利益文案吸引

4.动机:底部文案「仅此」做突出化处理——告知用户(产生机会难得心理)

5.动机:当点击取消时进行提醒当获取到SVIP时可以获得的会员权益——功能吸引(实用性强调)

6.能力:在用户可承担范围内进行以上的操作,若不可承担或者无意在此项目消费的用户会通过「动机1」筛选一部分

7.触发:产生消费行为

一款产品活动的需要提出到最终方案的形成,尤其是产品运营类方案。我么可以利用福格行为模型,在不激发用户反感的前提下,去增加动机和触发,推广到有合适能力的用户。

双钻设计模型由英国设计协会提出,其核心是:发现正确的问题、发现正确的解决方案。双钻设计模型把设计过程分成4个阶段:发现问题、定义问题、构思方案和交付方案。

细分扩展双砖模型

双砖模型主要分为四个时期:

发现阶段—发散性对问题的洞察;

发现问题对产品现状进行深入研究。包括了解用户特征、产品当前状况、用户如何使用产品以及用户对于产品的态度等。

定义阶段—收拢性的聚焦问题;

对产品进行实质性的评估,更具发现阶段总结发现的问题,然后进行发散性的思考,总结问题归纳想法。

发展阶段—发散性的寻找可能方案;

当我么对于产品进行了问题的总结和归纳,并且发现了痛点问题后我么就可以根据问题产出解决方案。进行设计初步的设计。

交付阶段—收拢性的寻找解决方案

在发展阶段中所归纳总结的所有解决方案,进行分析整理,选择出一个或者多个最合适的。

文中举例仅为方便理解该模型—本案例为个练(百度网盘会员服务模块改版,此处仅展示部分页面,后续会上传完整改版思路和改版后页面)

案例介绍

百度网盘(原百度云)是百度推出的一项云存储服务,已覆盖主流PC和手机操作系统,包含Web版、Windows版、Mac版、Android版、iPhone版和WindowsPhone版。

2021年5月18日,百度网盘TV版正式上线。

1发现阶段

1.已经是会员的用户对于升级会员的点击转化率低

2.网盘为工具类产品,社交属性较低不需要使用很强烈的会员和非会员标识去区分

3.用户点击我的页面更多的是想查看自己的总储存量和剩余储存量

2定义阶段

1.调动已是会员的用户进行升级(可组合套用福格模型)

2.降低非会员的感知度,把会员和非会员差异化拉低

3.增加查看储存量的空间占比

4.重设计入口,变动页面布局占比

3发展阶段(提出多种方案)此处交付阶段仅一种方案

进行设计方案探索,多种不同方案去解决定义阶段给出的解决方案。

4交付阶段

未开通会员基础对比

已开通会员基础对比

会员已过期基础对比

添加动效设计

解决问题

1.通过加大会员版快设计,提示升级会员、开通会员、续费会员点击转化率

2.将空间管理层级提高,刚点击进入我的页面后空间管理处增加动效设计。使剩余储存/总储存/已占用储存更加可视化。

4.未开通、已过期、开通会员后页面感知感和差异化降低。

以上分析和解决方案仅为展示和理解模型,不做为实际应用情况下的解决方案和最优解。

全称为"搜索营销效果转化漏斗",漏斗的五层对应了企业搜索营销的各个环节,反映了从展现、点击、访问、咨询,直到生成订单过程中的客户数量及流失。从最大的展现量到最小的订单量,这个一层层缩小的过程表示不断有客户因为各种原因离开,对企业失去兴趣或放弃购买

Lewis提出的这个策略,后来被称为AIDA模型,即意识–兴趣–欲望–行动。在接下来的100年里,随着漏斗模型的推广,为了适应新的媒体平台,以及用户行为路径的改变,它经过多次的修改和扩展,产生了各种衍生版本,比如AIDMA、AISDALSLove、AISAS、AARRR等。

AIDMA模型是在AIDA模型(Attention、Interest、Desire、Action)的基础上,增加了Memory,形成的注意–兴趣–欲望–记忆–行动(购买)的模型。

AIDMA模型主要适用于品牌营销方面,从我记事起一直对于“恰恰瓜子”都一直记忆犹新总感觉好像瓜子除了恰恰之外其余也没有什么品牌,恰恰瓜子就是利用AIDMA模型一遍一遍的进行记忆点的回流。

蜜雪冰城

模型更多应用于互联网用户增长,AARRR”转化漏斗,也即:acquisition(获取用户)、activation(激发活跃)、retention(提高留存)、revenue(增加收入)、referral(传播推荐)。

AARRR模型因其掠夺式的增长方式也被称为海盗模型,该模型是2007年由DaveMcClure(500Startups创始人)提出的一种业务增长模式’对应客户生命周期帮助大家更好地理解获客和维护客户的原理。

AARRR分别代表了五个单词,对应了产品生命周期中的五个阶段:

提高留存:用户来也匆匆,去也匆匆。如果产品缺乏黏度,导致的结果就是用户一个管子进,另外一个管理出,池子里面永远水量都蓄不起来。通常开发一个新用户是维护老用户的十倍成本。因此提高用户留存,是维持产品价值、延长生命周期的重要手段。

增加收入:产品要能持续发展,必须是盈利,在有限的用户生命周期中,尽可能去完成商业价值的开发和转化。在互联网时代的产品中也有很多种盈利模式,包括360杀毒的免费软件+增值服务模式,腾讯优酷爱奇艺的会员模式,淘宝天猫开店的服务抽成模式等。

最近被百度网盘的周年庆活动“理性”消费了一波然后我带动了好友也消费——————飙红提示哈哈哈哈

本次运营也可以对应福格行为模型,福格行为模型目前几乎已经应用在绝大多数产品运营。此处仅说明AISAS模型的应用。

Attention:在进入百度网盘后会在首页和我的页面均有9周年活动年SVIP会员活动的入口,App如果也进行了9周年的标志。

Interest:活动优惠价确实会相比较平时低很多,对于经常使用百度网盘的用户来说肯定会引起兴趣。

Action:进入详情页后,用户会滑动查看本次活动的内容,进行决定是否要付费。

5W1H是一个帮助我们完成任务的分析工具,由美国政治学家拉斯维尔于1932年提出’并经过不断的优化和更新。广泛应用在企业管理、学术研究、生产管控、日常生活中。

5W1H模型,就是提出下列5个问题,通过收集、定义这5个问题’找出解决方案的做事方法:

WHAT:要做的产品、需求是什么

WHY:为什么要做这个,原因是什么

WHO:设计给谁用的,对象是谁

WHERE:产品使用的场景、环境是什么

实例说明——一款电商产品详情页(H5)的改版

说明:该产品为产品启动期产品,是一款跨境电商平台。前期主要利用H5链接去推广,推广平台多为:谷歌、脸书等。其他推广方式此处只说两种:独立站引流、邮件营销引流。

邮件营销页面

详情页页面

1Who:那类型用户为产品主要用户?

(3)还有少部分的老用户

引流用户路径:点击Banne(商品图、链接)—商品详情页—下滑展示商品详情—点击购买—填写订单信息—下单支付

老用户:点开App—挑选商品(搜索、浏览等)—商品详情页—下滑展示商品详情—点击购买—下单支付

由于产品生命周期原因,更多的会是引流新用户,所以在进行重新设计时,需要对页面、功能、布局进行仔细考虑更加注重新用户的用户体验的同时优化现有用户的体验。

2Why:用户为什么要点击进来产品详情页?

—用户会处于好奇或者觉得商品宣传图不错,好奇心驱使用户点开推广链接进入商品详情页。

3When:用户会在什么情况下点击链接进入本产品?

—在平台刷动态时进入本产品

—在独立站点购买后感觉不错,选择进入主站点

4Where:链接入口在哪里?

—社交平台上的产品应用场景/产品优惠活动等

—电子邮件内部产品链接

—手机App

5What:本次商品详情页内应该有哪些板块?

—商品主图

—商品详情板块

—用户评价板块

—更多商品板块

—用户保证板块

6How:怎么设计本次商品详情页?

—功能上对比竞品详情页,列出优略进行功能对比

—视觉上由于推广平台的因素,平台更多的是年轻化用户,所以页面设计偏向于干净简约

—对于新的产品应给予用户更多的安全保障,所以可以把保障类信息板块提高层级

以上就是本次的全部内容,有点肝不动了。之后还有三到四篇,感谢观看!

THE END
1.产品详情页设计全攻略:打造吸引眼球的销售利器在电商领域,产品详情页是消费者了解产品、做出购买决策的重要窗口。一个优秀的产品详情页设计不仅能够吸引消费者的注意力,还能有效提升转化率,为商家带来可观的收益。那么,如何设计一款出色的产品详情页呢?以下将从视觉布局、文案撰写、用户体验等方面进行详细解析。 https://pbids.com/aboutUs/pbidsNews/1861306466356531200
2.如何使用WordPress制作落地页wpbakerypahebuilder落地页制作是否要在WordPress网站上创建自定义落地页? 落地页是一个高度优化的营销页面。它帮助企业将网站访问者转化为客户和潜在客户。 在本文中,我们将向您展示如何使用WordPress制作落地页。 下面是我们将在本指南中介绍的内容的简要概述。 目录 什么是落地页? 方法1。使用SeedProd创建WordPress登录页 https://blog.csdn.net/lilihuigz/article/details/118723202
3.埃克森数字营销网站地图导航这里可以帮助你快速找到要去的页面什么是黑帽SEO? 什么是黑匣子(Black Box)? 首页 关于我们 营销服务 外贸营销型网站设计 关键词分析服务 企业邮箱搭建 网站SEO优化 网站推广 许可邮件营销 720° VR全景摄影 数据跟踪 内容营销中心 着陆页设计 社交营销 谷歌广告营销 品牌logo设计 视频营销 画册设计 联系我们 Youtube视频订阅 订阅邮件 首页 关于https://www.xnbeast.com/site-map/
4.百度竞价的竞价单页该怎么制作?针对竞价推广去制作落地页,我还是建议你花时间去策划内容让建站公司定制化开发,或者找一家专业的数字化营销服务商定制,出品的落地页才能更具竞争力、更有价值。让我们安心的花费资金去投放广告。 打个比方:你一年广告费100万,你做这个落地页成本1000块,你能指望它有很好的转化能力吗。 https://www.niaogebiji.com/pc/article/detail/?aid=69875&ivk_sa=1024320u
5.什么是落地页,落地页为什么这么重要!运营推广文章中心什么是落地页,落地页为什么这么重要! 竞价推广——落地页的重要性 今天咱们讲一讲为什么落地页面(或者叫营销页面、专题页等等) 1、落地页定义:落地页也叫推广页面、着陆页,是用于百度、360、搜狗、神马、各大信息流等渠道的竞价推广的页面 2、按照投放设备划分,落地页可分为PC端与移动端推广页面;https://www.douphp.com/news/extension/15.html
6.信息流落地页自动回复客服机器人功能信息流落地页自动回复客服机器人是今日头条、快手、抖音信息流营销广告落地页中自动回复用户咨询问题的智能客服功能,可在青鸟线索通后台绑定服务商账号,并在创建落地页时添加智能咨询组件来实现。 本文目录: 一、信息流落地页自动回复客服机器人是什么 二、信息流落地页如何接入客服机器人实现自动回复效果 https://www.kuaishang.cn/robot/17890.html
7.温州网站建设温州网站设计温州网站制作开屏营销页,一站千面 您的网站首页,随时换,随心换,随便换 全移动场景营销,触达更多客户 让客户在手机里,找得到你并能有效互动 移动全渠道 手机站、微信站、APP全都有, 移动全渠道触达。 微信互动活动 大转盘、刮刮卡、摇一摇、砍价、 红包、转发有奖一个都不能少。 H5企业秀 移动炫酷内容快速生成,急速https://www.300.cn/place/wenzhou/mobile/
8.营销落地页这样设计,用户更买账!它们叫什么并不重要,总之,我们的大脑是有这两个信息处理过程的,姑且把它们叫系统 1(快思考)和系统 2(慢思考)。 我们都知道,营销落地页的核心目标是——引导用户完成关键动作,如购买、留资、互动留言等。用户在做出这个关键动作前,会有一系列的决策过程,每需要做出一个决策,就会流失掉一部分用户。在设计营销页面https://www.tianyuu.com/article/detail/id/63329.html
9.百度基木鱼是什么,如何做一个精美的基木鱼落地页?落地页也叫“着陆页”,常用于营销或广告活动,主要是指潜在客户通过站内Banner、站外信息流、搜索引擎等渠道垫即进来的第一个页面,落地页的目的十分的单纯,那就是营销转化。 作为服务或产品和客户的初见,也起到承接流量,转化客户的重要作用,是营销过程的最后一环,落地页的重要性自然不言而喻,企业如果落地页设计和https://blog.huangfeiyun.cn/?p=2727
10.H5究竟是什么?情绪是H5的灵魂,好的故事可以调动用户内心情绪,抒发情感。ToB的h5同样也需要通过每一页的画面讲故事,让用户身临其境,一页页读下去,感受其中意境。 场景1:开启回忆杀 在疫情之后吸纳优质人才的不易,招才猫带你回忆。以人物剪影作为整体H5的视觉引导,全程带领用户一页页翻看,使视觉有了连贯性。 https://www.yoojia.com/ask/17-11965591150816170984.html
11.网络推广策划书(通用10篇)战略重点:以网络为重点辅以其他相关媒介进行广告宣传、拓展市场,突出企业形象和产品特色,采取差异化的网络营销竞争策略。 2、 整体推广方案 (1)、网站推广方案 ①、站优化 XX美容公司虽已有了自己的站,但存在诸多问题,如焦点图模糊,影响主页形象;内容页排版及文字内容过于简单,影响消费者搜索阅读并不易留下一个好的https://www.ruiwen.com/word/wangluotuiguangchs.html
12.互联网金融如何做好精准营销?知识库其中,SEM+SEO+DSP+策划经理组成数字营销小组,SEM、SEO、DSP负责引入流量,策划经理提供并优化PC、无线推广页,策划各类事件营销;APP推广经理主要负责ASO,应用商店广告投放与合作,手机预装、超级APP换量等;商务经理主要负责异业合作,与知名企业开展各类活动,需要对接活动运营经理;新媒体经理主要负责内容输出,保持产品在社交媒https://www.shichangbu.com/article-29275-1.html
13.亚马逊社交媒体促销代码是什么意思?创建亚马逊社交媒体促销代码后,您将收到专用登录页的URL,该登录页包含符合促销条件的商品列表和促销详情,登录页将显示您的优惠信息,因此即使您没有拥有“购买按钮”也可以使买家在非结算页中看到您的优惠信息。 2、扩大亚马逊以外的营销能力 通过例如社会化媒体、电子邮件、网红营销等方式,宣传您的品牌以提升知名度; https://www.lifisher.com/consult/662.html
14.作业三:营销着陆页优劣案例对比分析作为电商商品,至少得告诉用户什么时候发货,一般多久收到货吧? 综合以上两个优劣营销着陆页案例比较之后,我心中对于怎样作出好的营销页面有了更深入的体会,比单纯听课学习体会深刻。 不得不说,一个好的营销页面可以看出商品背后的品牌力量,在获取新用户时,一个不合格的营销页面很容易失去用户,甚至从此被用户拉入商品黑https://www.jianshu.com/p/6ddce9cb9e9f
15.网站中聚合页面和专题页面的优化效果如何?其他医管攻略做网站优化的伙伴都应该清楚专题页和聚合页,其实从优化的角度来看,并没有什么区别,但从需求来看,专题页更适合做营销类的东西,通常一个专题页可能没有什么内容,仅仅一个营销页面,而聚合页则不同,通常是为了网站排名而做,那么下面我们来详细做了解吧。 一、什么是聚合页面 http://zl.hxyjw.com/arc_42929
16.行业网站模板,智能建站SaaS平台,多语种建站,数字营销服务商聚页创意,建站SaaS平台及数字营销解决方案服务商,为中国金融行业提供品牌建站升级等一系列的金融行业数字营销解决方案。成功为金融头部机构提供高效率的客户转化解决方案。https://www.matchpages.cn/finance-solution