3 Y1 S1 ]( Z: J, o, o; W 随着移动互联市场的迅速发展,目前除了pc端网站外,移动网站也逐渐成为各企业的竞相争逐的重点对象。虽说移动网站其作用和pc端网站作用功能都差不多,但其在网站设计上还是有所区别。pc网站重再产品的展示,而移动网站则更加注重实用性。要知道之所以称之为移动,那肯定是要更加快速的便捷。所以,当网站设计师在进行移动网站制作时,需要更加了解用户的心理。( G& p0 e9 W6 c8 b7 z
0 w" u v! _1 s. M 相对于pc网站来说,移动网站虽然在网站页面布局上相对来简单点,但其功能却要比pc网站完善和强大很多。所以,作为一名专业的网站设计师,在进行移动网站页面设计时,更加需要注意各功能之间的配合。今天,我们就来了解下移动网站页面设计时需要注意哪些要素?/ j+ O- ~5 s. ]; f
$ L* F+ L; w! j7 E- P9 A: g$ F
1、简短,聚焦
( k7 R }0 M% O% Z0 N
广州网站建设
; r2 n- O5 b. Q+ n5 R, { q! ~
无论何时都不能期望用户在使用应用之前乐于阅读说明性质的内容。人们打开应用不是为了花时间学习怎样使用UI,而是为了在最短的时间内以最小的成本解决他们手头的问题。其实这也是个悖论,因为一旦学会更有效率的使用UI,用户倒是可以为自己节省更多的时间。我们都知道,Web用户不愿阅读文字的习惯是出了名的,而移动用户在这方面则有过之而无不及,因为在移动情境中,人机会话时间更加有限,注意力更容易分散。
9 }. z0 c6 g# C" K+ [8 S3 T5 ?$ L1 g9 F- h ?0 A5 x7 a
2、避免一连串的提示" D; x4 g6 m# c. `8 j* O$ `, T% H
广州网站制作
: P8 ?/ i- B( Y: p 有些时候,一个界面里会有多个功能点需要被讲解。然而通过一次一个的方式接二连三的蹦出浮层进行说明,则会使用户更加不耐烦的关掉这些说明,而不管它们是不是真的有用。你可以想象每个用户都有一个小容器用来盛放引导提示内容——那一定是喝威士忌的小杯,而不是一扎一扎喝啤酒的大杯——你不能给用户灌的太多,也不能灌的太快。8 n' K* t5 j" D# D8 m" T# k" o
接连不断的展示引导信息不仅会产生短期记忆方面的问题,而且会让新用户觉得你的应用过于复杂,望而生畏。记住,在实际当中,这样的初体验足以使他们关掉你的应用,然后去寻找其他的替换方案。
$ a( H' R6 Y% S9 `5 |* a: `' x0 `/ `5 m! U
) g ~3 {9 `5 g2 R# P
3、尽量使用图形元素
9 G- \ E! ~2 J$ n1 P
广州网站设计
2 T1 X w: {1 h6 k- z3 s 使用图文并茂的形式,而不只是干巴巴的文字,这将能使用户在最短的时间里对信息产生大致的了解。
$ p8 X, \- t2 [" c- p& I- w对于前面提到的多步骤说明,可以尝试将每一步内容浓缩为“恰当的图形元素+简短的文字”,并整合到一个展示层面上;这种方式即有利于用户阅读,也可以使多步骤的流程更直观、易懂、易记忆。
" B5 z T) K, T$ x( w7 j下面是我们做的Makr重设计建议方案。三步的操作流程被放在一起,通过图文并茂的形式展示出来。通过统一的标题“定制化你的模板”,用户立刻就可以了解这个会话是关于什么的,而下面的三个步骤说明让他们可以很快了解到怎样完成这件事情。
' p! t! K9 ~% p7 r; q1 U" j! |% g% b; M- ^2 B6 m; N
4、不要和实际界面混淆7 {" O9 Q2 a; r% q7 f
广州网站设计
. F+ C/ g8 M6 P. r
必须使引导提示在外观上与实际界面元素有着明确的区分,否则引导提示就是在干扰实际界面,用户也会迷茫,甚至会把教学内容当做功能界面,试着与其交互。: b8 y' S: T" Q7 A$ \9 \0 J
在我们最近做的关于平板设备可用性的研究当中,我们发现,用户在使用Wimbledon应用的时候总是在试着点击教学内容当中那些地标图标。他们的引导提示做的太精细、太像周围的实际UI了,人们根本没意识到这里是不可交互的教学内容。# m. ~+ {& ` g3 ~9 ?. G
5 N3 y M* t8 r 总而言之,当我们在进行移动网站建设时理解明白了以上各要素之间所存在的关系时,我们制作出来的网站才是具有实际效果的网站。 c% o5 I6 X7 |7 d0 I7 J( J
6 Y% l! j- [4 M, ~+ f$ c8 H k; ?1 K6 O广州网站制作****派点互动,w w w.pidcn.com
" k7 Q: J/ R! o( ]) t
7 b8 O+ |+ [3 a7 l- b8 V+ i1 f+ a |