沉浸式网站设计（沉浸式网站设计方案）
本文目录一览：
网站交互设计需要注意的几个方面
1、要有对比度。对比度是构建视觉层次最重要的手段之一，也是让视觉元素吸引用户的绝佳方式。在网页设计中，对比度不仅仅是通过色彩来呈现的，尺寸控制、形状设计、位置调整也都能表现出对比度。
2、保持一致性。网站本身应该是很令人惊叹的，然而网站也应该需要正常使用。在进行网站交互设计时应该遵守某些设计惯例，让网站方便浏览和理解，不要为了与众不同而违背常规，相反，接受你将需要实现一定的规则的事实，能帮助你的用户轻松地访问你的网站。
3、当页面或应用会向后台下载数据较慢时，载入过程应该有提示。如果我们不考虑载入时的信息反馈，会让页面呈现假死的状态。
4、用户应掌握控制权。一般而言用户希望自己去控制系统交互，在执行任务中，用户应该可以随时中止或退出，而不是无奈的看着系统继续。
5、 界面的转场交互动效设计。网站建设越来越强调沉浸式的体验，页面和页面之间切换也需要更加的流畅，转场动效需要更加的极致和平滑。
6、动效使用适当。偶尔使用的交互式动画可以提升你的网站内容。然而，让你的页面负担一个又一个疯狂的动效，会让你的用户感觉到有点像是进入了在线疯人院里，甚至更糟糕。
7、忽视表单样式。表单设计其实是用户体验设计的基本组成部分之一。每个网站都有不同的设计目标，不论是销售产品、呈现信息还是提供沟通平台，然而许多设计漂亮的网站总会给你一个令人感到无聊的复杂表单，除了那些极其想加入会员或者想参与问卷调查的那些访客，许多用户会直接关闭页面，离开网站。
移动页面如何设计
要做好移动页面设计，首先要了解移动端设计的难点：
移动端产品最难的地方就是在很小的屏幕上展示出所有的业务。有了屏幕的限制，加上移动端的客户碎片化阅读的习惯和高流失率。特别是电商类移动页面，更难展示出来。所以才有了像列表式小ICON展示方式。电商的标准配置的首页都会将banner保留下来了，作为运营推广最重要的手段之一。而电商app是要展示内容最多也是最难做的一类app。既要保证业务首页展示完整性，还要保证用户体验。所以在每一个页面设计时都要讲究一些技巧和思考维度。
移动页面设计方法：
一、首屏页面需要展示的内容
首先进入app，移动页面的时候，首页首屏就要把业务给说清楚。拿电商app为例子，首先统一的banner。因为电商促销活动是拉动消费最大的源泉。而banner是很好展示活动页面的地方。4到6个banner就能牢牢抓住用户贪便宜的心理。而且banner作为运营位也可以作为销售的广告位进行出售。所以一开始就要看见banner是很好的展示。接下来电商会展示1排或者2排小icon。这些icon相当于web端的分类类目列表作用。起到了让用户知道有哪些卖的东西和哪些服务可以做。当然像淘宝和京东这类的就是一个大业务，类目也多。而小电商网站的ICON往往是一个分类。再往下面的页面展示内容也都不同了。淘宝和京东会有秒杀品，秒杀品起到的作用就是流量品的作用。流量品是电商带动流量的基础。有了流量品才有了盈利品一说。大量流量进入app，才会盈利产生。之后的往下的页面都是超出一个屏幕的，用来展示电商每个细分类别中最好的商品进行展示。用大量的品类和优惠价格打动用户进入进行消费。
小结：电商首页设计思路，从上往下思路是：通过banner活动拉动流量（产品拉新活跃用户，让用户进来），展示全部服务类别（用户知道产品有哪些商品和服务），秒杀用流量品带动购买量（让用户知道该商品和服务在我这里很便宜），首屏后的页面展示各大类别（方便用户进入沉浸式浏览方式）。
二、底部导航栏怎么展示
底部导航一般性分为4个到5个。拿电商最基本的底部导航栏设置是首页，分类，购物车，我的页面。首页已经说过了。底部导航这样安排的用意依次是首页，起到作用是告诉用户，这里是卖什么的，用户可以在这里找到什么、得到什么。然后通过第2屏幕到第6屏幕左右的浏览让用户彻底明白这里的能买到什么，顺便让用户进入心智模型里。彻底进行逛街浏览的心理。分类页，用户已经知道你是卖什么的了，那用户就要找到自己最需要的东西了。分类页面起到搜索的作用。但这里的搜索与首页顶部的搜索框还不一样。因为分类的搜索带有比价心理和一定不确定性，但是却是让用户导流进入的商品页面最好且更直接的方式。这里顺便说一下三种基本搜索方式：搜索框式搜索，分类类目式搜索和推荐式的搜索方式。接下去购物车，作为电商现在最基本的tab类目。当用户把想要买的东西都扔到购物车里的时候，符合用户在逛超市时想要付钱的心理。购物车不仅仅起到提示的用户想要购买的心理。也是不断提醒用户要付钱的过程。最后一个的个人页面，起到个人后台的作用，管理自己够后的一系列状态。所以整个tab底部导航从左到右就是用户购买过程一个心理写照。
三、快速抓住用户心理
上面首页和tab页都说明了用户购买心理过程。电商产品上为了快速抓住用户，往往采取原价多少，抢购多少。因为用户购买心理非常直接，谁便宜就买谁。这是人类的天性，无法改变。这种通过页面展示上，划去原价，标红现价的做法会就是抓住这个心理。还有秒杀品，有时间限制，不简单促使用户快速下单的心理。如果该用户买到该便宜实惠的东西，一定会像朋友进行炫耀。所以他的朋友也会去进行购买。就这样，就形成了线下带动购买的过程。而线上，你往往可能买一个东西，还太少了，所以去购买别的商品凑成满多少减多少。这样让用户觉得买得越多越赚的心理。就这样快速放大用户喜欢买优惠东西的心理。电商还有通过满多少免邮费的策略进行销售。因为邮费是用户付出，总觉的不划算。但当邮费转加到商家那边，用户就会觉得很划算。所以电商的杀手锏一定是对商品价格上的把控，淘宝比京东优势往往就在价格上。但是当用户对于服务感知上升后，就是供应链和物流的比较了。所以从电商产品可以看出产品时抓住一个用户的需求点，然后进行不断放大过程。
四、快速表达自身业务和内容
自身业务就是通过首页和分类页进行展示过程。当用户点击进入页面后，一定要准确知道你所要表达页面信息。从商品列表页开始，就是表达商品内容的一个过程。再进入具体商品页面的时候，就是对商品内容进行详细介绍的过程。在每一个页面转换的过程，一定要牢牢抓住用户心理，进行每一层深入。但也要快速了解业务。比如：从一个女装分类页面进入后，女装列表页，列表页就要对页面做一个筛选功能，筛选功能就是快速让用户找到用户想要的东西。就是快速表达自身业务的过程。进入女装详情页时，我们会把该商品最重要的信息（大小，颜色，尺码等）都按序进行排列展示出来。让用户快速了解该女装的大小，尺码等重要信息后，可以快速进行做出购买决策。在移动端上，一定要让用户快速了解业务和内容，快速做出购买决策的过程。
五、页面布局到第3屏幕牢牢相扣
移动端app多数页面都是设计到3屏幕左右。电商来说，一个页面的上下信息流转的过程是十分流畅的。拿电商详情页来说，首先展示图片。对于用户来说，图片展示比文字更具有感染力。往往好看的图片就能让用户进行下单的过程。然后展示重要的信息。然用户对各种重要的信息进行了解的过程。差不多进入第2屏幕开始，就是用户评论。为什么是用户评论。因为大家都有从众心理，如果该商品购买人数多，而且评论都是好评多的话，购买的转化率就很高了。所以在第一屏幕没有决定购买时候，第二屏幕的用户评论就能很好解决用户这样心理，消除购买的犹豫。第三屏开始，就是商品详细参数进行展示。这个过程中，是增加用户购买商品的决定，保证商品质量一个过程。所以商品详情页上，从用户简单从图片和信息进行了解，此阶段容易搞定的用户已经进行下单了。然后通过用户评论，解决用户购买障碍。然后在商品详细参数，进行一步说明商品值得购买性。页面设计都是牢牢相扣的过程，也是用户心理层层深入的过程。
六、做到移动端产品闭环式沉浸式
电商移动端产品要做到用户进行沉浸式浏览非常难。因为对买东西来说，无非就三种。第一种，我知道我要买什么，买完就走。第二种，我不知道要买什么，瞎逛。第三种，上来就是来看看便宜的东西。对第一种用户，形成浏览很难。第二种，用户就是纯浏览的。针对这类的用户，电商产品绝对不单纯通过通过返回来让用户进行浏览。现在大数据推送的猜你喜欢的功能就是让产品进行闭环沉浸式的过程。包括很多推荐的功能也是让用户不断进行浏览的过程。对于第三种用户，他就是购买流量品带动基数。当他真正产生需求时，他就会转化为真正的第一种购买型用户。上面从用户角度出来，从自身电商角度出发，产品设计内部联系紧密，对流量品带动盈利品是一个很好的设计。关注，收藏商家的功能就是对产品闭环设计的补充。产品设计上从用户需求到业务服务都要形成一个闭环。让用户沉浸式浏览设计才是好的设计。
七、用完即走，用户价值为依归
用户价值就是通过流量带动各种业务扩展盈利的过程。用完即走对电商app来说，就是用户从进入app到下单离开。这才是电商app用完即走的模式。只有满足的用户需求后，用完即走才是有意义的。产品依托于用户带来价值，没有用户没有产品，电商app也就无法盈利了。如果用户体验上和产品业务展示形成冲突后，该怎么办？一定是用户体验先行，然后产品业务展示进行合理的调整，然后一定能融入产品中。以用户需求为产品设计基准点，以服务和内容满足用户需求的全过程，最后通过付费让用户感受到愉快。
最后总结：
其实移动端产品有三个重：重场景、重碎片化、重速度。移动端产品重在满足碎片化用户场景，通过更小的屏幕更快展示产品内容，和用户需求完成快速对接的过程。这是移动端产品设计最核心的用户需求满足。
什么是沉浸式设计？它有什么具体特点？
沉浸式设计，其实说起来不是很简单，因为他是一个比较感性的话题。我们经常看到很多沉浸式餐厅。
什么事沉浸式设计，沉浸就是让人专注在当前的目标（由设计者营造）情境下感到愉悦和满足，而忘记真实世界的情境，心流理论的基础观点非常简单，但是非常有力地解释了人们废寝忘食地投入一件事情的状态。
沉浸式体验往往即包括人的感官体验，又包括人的认知体验。而事实证明，即包含丰富的感官经验，又包含丰富的认知体验的活动才能创造最令人投入的心流。所以导致现在很多人都会去选择沉浸式设计，能让人身心愉悦。
这种设计有很多法则，常见沉浸式设计法则：叙事性设计（讲故事）storytelling，利用情境，沉浸，角色，气氛，情节，节奏的设计来让观众融入故事本身当中来。这也是非常基础的设计手法之一。关于叙事性设计我读到的最好叙述在赵江洪老师写的《设计心理学》里面。最省力法则：降低人们在达成目标时的认知阻力（达成目标的脑力活动总量）和运动阻力（达成目标的体力活动总量）就是最省力法则。
自己挑选设计的时候，我个人建议是选择沉浸式设计，让人得到情感上的升华，可以说很好了。
为什么有的人会抵制联想？
首先联想之前在一次投票中没有选择国产的华为，因此被人认为企业不爱国。其次联想的某些产品性价比不如其他品牌，有些人的使用体验很差。最后，个人不喜欢这个品牌的产品，例如外观和功能，因此抵制。
关于“沉浸式”交互
一、什么是“沉浸式”交互
我理解的“沉浸式”是指：当人在某种活动或者任务的时候，全部的精神能够投入到当前行为中，不被其他信息干扰或者打断，同时能够产生高度的兴奋和充实感；沉浸式的设计常见于游戏类交互、视频观看类交互、阅读类交互、复杂信息展现的交互当中、VR交互、活动页面等等。
二、沉浸式情感状态——心流
在心流状态中，人们会忽略时间和外部环境，与正在做的事情融为一体。一般情况下“心流”状态发生在行动的挑战稍微超过我们的技能水平，所以需要持续的关注。“心流”要求的活动任务相对于我们的技术水平不能太简单，也不能太困难。产生心流活动任务有以下特点：
1、用户热衷于正在进行的任务
2、用户专注一致的任务活动
3、任务目标清楚明确
4、任务过程中任何时候都应立即反馈
5、用户对任务必须有主控感
6、当完全沉浸在任务中时用户的忧虑感会消失
7、当完全沉浸在任务中时，用户主观的时间感会改变，一般会进行很长时间而感觉不到时间在流逝
因此在进行交互设计过程中，尤其是一个长的任务流程时，设计师尽可能追求在完成任务时让用户产生“心流”。
App端设计小技巧：
把状态栏、导航栏等用来操作的空间隐藏在以主要内容为主的情景中，通过相对隐形的交互方式达到最大化用户可视内容的区域，让用户注意力全部集中于内容本身，再次点击屏幕空白处显示隐藏的部分。
三、案例分析
有道云笔记的笔记详情页设计没有采用沉浸式设计，在浏览内容时状态栏、导航栏位置固定不变，没有最大化用户阅读的可视区域，如果采用隐藏状态栏和导航栏的沉浸式设计，在用户需要操作时随时显示导航栏，这样的设计给用户的体验会不会更好呢？
沉浸式ui有哪些特征
沉浸式体验往往即包括人的感官体验，又包括人的认知体验。
感官体验：例如游乐场，迪斯尼主题乐园，很多活动对人有一定挑战，但是主要是利用人的感官体验，让人从而感觉到爽或者刺激。但是利用感官刺激达到心流状态，很难维持长久。
认知体验：例如下棋，扫雷等等策略游戏，又如教学这些活动对人的技能与挑战匹配主要利用人的认知经验。
而事实证明，即包含丰富的感官经验，又包含丰富的认知体验的活动才能创造最令人投入的心流。
游戏当然是使用最广泛地方，因为游戏中最容易也最需要使人达到心流状态。而在现实生活中的使用也是非常广泛。例如KTV的环境与灯光营造出让人分不清是白天或黑夜的感觉，商场的环境要注重打造的是让人沉浸在忘我的购物中流连忘返而忘记时间。而迪斯尼乐园等主题乐园，甚至赌场就更加擅长使用沉浸式设计来虏获顾客长时间驻足了。
归纳沉浸式（心流）的特点如下：
条件因素
用户在体验过程有非常明确的目标（例如购买的目的，或是放松自我，纯粹的玩），也就是不能让人感觉不知所措，不知道该干嘛，就如游戏设计，对于单局游戏体验的目标设计要非常明确，是得高分，通关，抑或其他。）
对用户的交互行为有即时的反馈（让人感觉任何互动都有回应，并且是在可接受范围时间内的响应，尤其在游戏设计当中非常重要，在用户动作与响应之间的时间间隔设计）
能力与挑战匹配（需要给予用户一些困难，例如更强大的怪物，但是同时也需要着手通过关卡设计来提高用户的能力）
体验因素
用户行动与知觉的融合
注意力集中（用户的专注力非常高，是心流状态中非常重要的特点，）
用户对活动有绝对的主控感
关于沉浸式网站设计和沉浸式网站设计方案的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
发表评论
暂时没有评论，来抢沙发吧~