全国免费咨询热线:

400-611-9921

 
响应式网站设计原则

2016-07-04

1147

纵天,高端网站建设,企业网站建设,广州响应式网站设计实时响应的用户体验时可能有用的几个基本原则:1、状态清晰用户应该清楚系统当前所处的状态,任何时候,程序应该向用户传达清楚当前发生了什么并针对用户的每一步...

纵天,高端网站建设,企业网站建设,广州响应式网站设计实时响应的用户体验时可能有用的几个基本原则:

1、状态清晰

用户应该清楚系统当前所处的状态,任何时候,程序应该向用户传达清楚当前发生了什么并针对用户的每一步操作给出清晰的反馈。

应用程序本身建立在一个非结构化的系统之上,其试图向用户提供结构化的数据。虽然实时响应的界面并不使用类似于页面刷新器这样的固定标识符,但它同样可以使用恰当的信号来标识状态的改变。

实例:网络连接状态

在我们使用移动设备的时候,难免会碰到网络掉线的情况,这时候最好告诉用户是由于超出程序控制的某种因素导致了这种意外情况。


不好:网络掉线后并没有告诉用户

好:出现清楚的通知告诉用户网络掉线,系统正在尝试重新连接

实例:加载状态

低带宽(网络环境差)、加载数据量大、多点连接等诸多因素都可能引起用户在使用你的程序过程中需要花费一定时间等待。应对这种情况的方法是你要培养自己成为一个具有前瞻性的设计师,通过一定的方法凸显出系统正在响应用户行为并尝试加载新数据,好让用户意识到这一过程。


不好:系统没有告知用户他在与列表项交互后,系统就开始加载内容了

好:头部的进度指示器向用户标明了加载过程,以及需要等待的时间

实例:确认状态

应该积极响应用户的操作,并给出结果的反馈,让用户意识到系统对其行为目标的状态是关心的。


不好:用户到新页面后,系统并没有告知其前面的删除操作是否成功了

好:使用一个提示强化了系统对删除操作的响应


2、有预期的改变

用户应该清楚预期效果是怎样的,就是说程序应该向用户表明在他们操作就将发生什么。

在一套逻辑严谨(按部就班,模式固定)的系统里,出现一些惊喜(意外)并不会令人愉悦。对于一辆负责运送乘客的普通汽车,如果你关心的是其精密的机械结构,那么爆胎和发动机歇火就是在你的关注点之外的意外惊喜。 跟汽车类似的是,一个应用程序通过其精细的设计(相比于汽车通过其精密的机械结构满足人们的需要)来满足用户的某种需求,然而不同于汽车的是,现在的数字媒体(应用程序)允许我们预料到将要发生的变化并提前告诉用户。

实例:(1)传达结果

当系统可能出现较强烈的状态变化时,应该提前向用户预示其行为操作所将带来的结果,这样也就给了用户自己来把控即将发生的事情的机会,进而避免发生出其不意的“惊喜”。


不好:没有任何迹象或动作,新的信息就出现在列表中

好:当新的信息准备好加载后,系统出现提示,用户与之交互后方插入到列表中

实例:(2)使用骨骼框架

为了缓解用户在等待数据加载时的长耗时,并让页面间的转换过渡更为流畅,可以考虑在数据加载出来之前先向用户显示一个内容框架,让用户能够预期到新页面将要填充的数据类型和复杂度。这样做带来的另一个好处就是会让用户感觉到你的程序在响应用户操作时还是相对及时的。


不好:在页面内容未加载完全之前,用户不得不在第一个页面一直等待

好:在页面内容未加载完全之前,页面便跳转,使用占位符向用户标明即将加载的数据类型和复杂度

3. 保持上下文环境统一协调

用户应该清楚他们看到的内容从何而来,是属于哪里的。

在实时响应类型的应用程序中,通常情况下我们不可能看到系统的所有响应变化(有一些中间态可能在某些条件下才能触发),这时候,我们设定并强调一条缓冲带就显得非常重要,它用来揭示每个页面和按钮跟其他元素的关系。这种做法就意味着我们创建了很多个标示,用户依赖它可以在这些关联的页面、元素间流畅切换。

实例:(1)保持布局一致

所有新的内容应该出现在一个可预期的位置,要让用户习惯于在程序中特定的关键位置点间穿梭转换,尽量避免提供多种方式给用户来做同一件事情的做法,这会稀释用户对各个行为路径的关注度和适应性。


不好:新的信息出现在不可预期的位置

好:新信息自当前列表顶部插入。用户便渐渐意识到新信息出现在列表上部

实例:(2)保持良好的状态变化姿势

如果关联信息间的状态改变出现在一个不可预期的位置, 可以使用设计精巧的动效来向用户传达新内容的出现及对周围信息的影响。这种做法一定程度上延缓了用户的体验过程,但能使得状态的变化过程非常清晰明了。


不好:一条信息插入列表后导致相邻的信息依次移位

好:使用一个精细的动画效果凸显新内容的出现和相邻内容的动位,给用户一定的反应时间

实例:(3)记录保存滚动位置

当在两屏内容间来回切换时,要确保用户回到的是返回前在当前页面的最后浏览位置。


关注我们:在查找公众号中搜索:zomsky1688,或者扫描下方二维码快速关注。
广州市纵天信息科技有限公司公众号

本文来自广州品牌网站建设网站设计制作公司-纵天 

关键词:纵天,高端网站建设,企业网站建设,广州响应式网站

热门标签
钢铁网站开发宝裕网站药品网站搭建医药网站房地产网站建设汇景网站建设汇景网站开发汇景控股新能源网站开发新能源网站制作奥动新能源网站建设奥动官网网站改版石油公司网站建设广州网站搭建广州市网站制作生物网站建设珠海方正官网建设方正官网建设日本YKK官网建设骏丰频谱官网建设斯帝罗兰官网建设高新兴官网建设三盟科技官网建设赛立信官网建设福美控股官网建设德国商会官网建设皇朝家具官网建设皇朝定制官网建设百利官网建设广芯微官网建设物联网网站建设芯片网站建设网站开发日本YKK官网百利网站建设办公家具网站建设广州建站公司广州做网站营销型网站建设柏洪集团网站集团网站建设新元素网站教育网站德胜教育集团德国商会网站建设品牌网站建设赛立信网站建设智能家居网站运动网站建设贸易网站建设玩具网站建设化工网站建设日化网站建设家电网站建设音响网站建设物流网站建设旅游网站建设酒店网站建母婴网站建设珠宝网站建设钟表网站建设培训网站建设教育网站建设建材网站建设装饰网站建设机械网站建设美妆网站建设展览网站建设皮具网站建设五金网站建设仪器网站建设照明网站建设水电网站建设咨询网站建设法律网站建设家具网站建设家居网站建设服装网站建设服务网站建设食品网站建设金融网站建设餐饮网站建设环保网站建设政府网站建设科技网站建设地产网站建设医药网站建设数码网站建设营销型网站广州网站制作广州网站建设公司建网站广州网站设计公司建站优必思官网英文版网站定制网站广州网站建设中服装网站设计服装网站制作防火板网站大数据网站科技网站制作物联网网站人工智能网站防火板网站制作家居网站制作枕头网站电器网站制作电器网站家具网站家居网站网站建设公司​手机网站建设响应式网站企业官方网站网站策划官网改版企业网站建设网站制作网站设计建站公司网站建设公司企业网站网站建设费用网站建设广州企业网站建设企业建站官网建设广州建站广州网站建设纵天科技
点击展开
关于纵天
广州市纵天信息科技有限公司成立于2008年,是中国领先的整合式互联网应用服务商。12年专业历程,坚持以科技创新为先导的网络服务,服务超过8000+知名品牌与创新客户,涉及网站设计、APP应用开发、微信开发、平面设计、视频拍摄、互联网整合营销等多个领域。
微信咨询
官方微信
联系方式

地址1:广州市天河区珠江新城邦华环球广场16F

地址2:杭州市滨江区滨安路1190号智汇中心B308

业务 QQ: 3561401262

E-mail: sales@zomsky.com

电话咨询 在线咨询 QQ咨询 官方微信
官方微信
TOP

立即与纵天项目顾问通话

400-611-9921

您也可以咨询我们的在线客服或预约资深顾问

信息保护中,请放心填写
关闭