博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动Web开发之- 移动化用户体验设计
阅读量:5335 次
发布时间:2019-06-15

本文共 1194 字,大约阅读时间需要 3 分钟。

本文是关于我们在开发中要考虑的,移动化用户体验的诸多特点。当然,不仅局限于移动Web,同样包括App等所有移动应用。那么移动中的用户体验重点在哪里呢?与传统的桌面程序有什么重大的不同?

移动的是人,而不是设备

如果说我们是给那些移动设备做开发的话,不如说是给移动的人做开发。看看那些移动设备的使用场合吧,地铁、机场、休息室,无不代表了一个移动中的人。如果说用户体验是主观的话,显然要受用户这种移动的状态的影响,具体来说:

1,移动=正在做、繁忙、分心

意味着用户可能手头有其他的事情,即使是在休息室,他们也可能需要听着医生的召唤,或者等着孩子从补习班出来,亦或在嘈杂的环境中想进行电话会议。这带给我们的设计启示是什么呢?你的设计必须是简单且容易识别的,容易阅读、抓住注意力或者支持用户进行其他的操作。如果你正被别的事情打扰,你用来找东西的大脑细胞是会大大减少的。

2, 移动 = 放松

这里的放松是用户需要一种放松的状态,当然最贴切的场景就是在家里使用移动设备娱乐。所以也要考虑这样的用户体验:用户想要的是放松,不想把太多精力投入到移动设备中去,所以如果这些需要太多操作,过于复杂或者干扰性,就可能引发用户的反感。

3, 移动=任务

需要考虑的另外一个心理状态是,人们使用移动设备和阅读内容都是面向任务的。无论用户在路上或是家里,他们一般都关注于完成一项任务。如果任务很长,我们应该想些什么办法?

开始你的移动设计之前,我们要离开现有的网站,与我们的客户好好聊聊,

  • 网站使用者会在什么情况下使用移动网站?
  • 他们使用的环境是怎样的?
  • 他们期待完成什么样的任务?

你也许会认为某些内容很重要,但这很可能是错的,永远正确的人是用户。在一个小小的屏幕中,约束和限制会更加严格。此时用户的需求比以往任何时候都更有决定作用。

需求分析方法

可以使用撰写用户故事的方法,换言之就是一个典型的用户场景。比如:周末我想带孩子去公园,想在开车前查询一下开车路线,我拿出智能手机,打开手机上的互联网浏览器,访问公园的网站,试图找到路线相关的信息....

用户故事应该仅限于描述用户的动作,以及他们使用网站或应用程序过程中的行为和反应。通过高度关注这些活动,发现更多的细节,不过一定要保持在用户行为上,而不是设计的细节和功能上,最初的移动设计准则就应该关注于用户的需求和目的。

获得用户故事后,就可以进一步将这些故事分解为可行性的需求,比如,提供那些功能,让用户可以快速的打开网站。还要对这些需求进行分类,划分优先级。

下一篇我们将开始技术之旅,介绍响应式设计Responsive Web Design。

 本文版权归原作者所有,转载必须注明出处: 否则保留追究法律责任的权利。

转载于:https://www.cnblogs.com/h5rocks/archive/2012/12/06/2804715.html

你可能感兴趣的文章
「csp-s模拟测试(9.18)」Set·Read·Race
查看>>
csp-s模拟测试「9.14」A·B·C(三分,贪心)
查看>>
可爱精灵宝贝(贪心,搜索)
查看>>
引子(模拟)
查看>>
「模拟8.17」star way to heaven(并查集,最小生成树)
查看>>
飞(fly)(数学推导,liu_runda的神题)
查看>>
「模拟8.18」字符串(卡特兰数)·乌鸦喝水(树状数组,二分)·所驼门王的宝藏(tarjan,拓扑)...
查看>>
「模拟8.13」任(liu_runda的神题,性质分析)
查看>>
「模拟8.23」one递推,约瑟夫
查看>>
「模拟8.19 A嚎叫..(set) B主仆..(DFS) C征程..(DP+堆优化)」
查看>>
csp-s模拟测试52-53
查看>>
「模拟8.22」爬山(二分)·学数数(单调队列)·七十和十七(数学)
查看>>
csp-s模拟测试49(9.22)养花(分块/主席树)·折射(神仙DP)·画作
查看>>
csp-s模拟测试50(9.22)「施工(单调栈优化DP)」·「蔬菜(二维莫队???)」·「联盟(树上直径)」...
查看>>
哈希表以及在结构体里乱搞....
查看>>
jq Sortable的使用
查看>>
uni-app打包程序 Hbuilder X 用自有证书 苹果证书打包 ios App、用DCloud公用证书打包Android APP...
查看>>
NPOI导出EXCEL样式
查看>>
row_number() over()分组排序功能 partition by 用于给结果集分组
查看>>
两个字符串对比提升比较性能用 StringComparison.OrdinalIgnoreCase
查看>>