好的加载设计可以减弱用户的等待焦虑，不科学的加载设计会让用户骂爹打爹。
大多数应用程序必须与服务器交换数据。App向服务器发送数据请求，服务器收到请求后向App发送相关数据。app成功接收请求后显示信息数据内容，反馈数据未成功接受。在整个数据交换的过程中，因为互联网的原因，必然需要一定的时间。换句话说，用户必须等待加载。这时候就需要采用加载系统，它告诉用户App一直在勤勤恳恳的为你加载数据，要淡定。好的加载设计可以减弱用户的等待焦虑，不科学的加载设计会让用户骂爹打爹。
一.用户、客户端和服务器作为一个有用户体验的室内设计师，无论是商品、交互还是UI，他们都习惯从人机交互的角度去思考产品设计问题。在这整个过程中，往往忽略了一个关键的全过程:客户端和服务器端之间的数据请求和传输。先看下图。
用户、客户端、服务器
与客户端的人机交互启动了实际 *** 作。客户端会将用户启动的实际 *** 作转换为相对命令，并向服务器请求数据。如果互联网和服务器都正常，服务器会把数据返回给客户端，用户可以看到自己实际 *** 作造成的结果。整个过程由用户、客户端和服务器共同完成。人机交互是一个科研的行业，客户端和服务器端的数据传输是开发者考虑的。
比如你来JD.COM买东西，搜索网页栏，输入关键词“大衣”，搜索网页(实际 *** 作开始了)。JD.COM商城APP会将实际 *** 作发送给服务器，服务器会将所有相关的大衣信息发送给JD.COM商城APP，并根据目录进行展示。
但是数据传输对开发者来说是个难题，所以作为室内设计师，没必要考虑。自然不是。原因很简单:数据传输的情况会危及人机交互。比如数据传输遇到网络不好或者服务器异常，需要反映到工业触摸屏上；否则用户会无所适从，造成焦虑，危害用户感情。这就是为什么UED要考虑互联网和服务器不正常时的人机交互。举个例子，一个网页包含了大量的信息，即使互联网稳定，加载也要花很多时间。怎样才能根据人机交互减少用户的焦虑？
二.数据载入的几类方式及相匹配的人机交互 1.题目loading微信和指甲打孔
手机，指甲打孔卡等。都用这种方法。聊天目录页的微信聊天记录存储在本地，所以网页内容不是空。这时候你不需要在加载的时候获得用户视觉效果的焦点。如果你告诉用户网页已经请求了新的数据，那么在菜单栏中显示应用正在加载是一个非常好的选择。如果加载成功，菜单栏加载将会平息。如果服务器由于网络错误而未连接，则菜单栏中的信息未连接。
2.黑屏loading当网页内容比较单一时，信息数据会在一次加载后立即显示。现在有更多的H5网页，如手机微信上的文章，宝贝详情。在内容加载之前，页面停留在加载页面上。很多商品会选择那个不停循环的叫秋花的男人，但是时间线和有趣的动画设计可以缓解用户等待时的焦虑。
微信和美团外卖
除了时间轴漫画的创意文案方式，还有更高级的黑屏加载方式。
左边闪烁的APP转换自己的logo，仿佛一双眼睛在转啊转；右边的智好奇号日常APP用笔和橡皮擦书写和擦除其知名品牌英文字母q，这样的方法既提高了加载的挑战性和设计感，又加强了知名品牌的实际效果，大家可以效仿。
每天睁开你的眼睛和好奇心
3.优先选择载入当有文字和照片时，照片的加载速度会比文字慢。这时候通常是先加载文本，在整个加载过程中会对照片应用占位符，直到照片加载成功。当加载的网页内容有固定的结构时，可以先加载结构，再加载结构中的内容。
根据先加载的网页结构，设计方案占位符等方式，可以减少用户心理状态的等待时间，提高商品的感觉。
新浪和手机微信
新浪选择了深灰色块作为照片的占位符，而微信公众平台则在深灰色块的基础上基本改进了循环加载。此外，它还可以使用带有商品标志或品牌图像的照片作为占位符。
注:阅读相关网站基本建设方法的文章，请移至网站建设教程频道栏目。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）