新闻

那些鲜为人知的移动WEB设计诀窍

时间:2016-02-27 11:34:46

在如今的移动互联网时代,随着移动互联网思维的步步深入人心,智能手机掀起了一股热潮,一大波app争相涌现,截至2015年7月,App Store应用程序总数已超150万个,“先做个app”成为项目开展的第一个步骤。

 

 

对于体验感相当重要的社交类应用、大型手游以及金融类平台应用等,app不愧是现今最为合适的载体。然而并非所有的项目都必须做成app。那么除了app以外,还有其它更适合的实现方式吗?

 

当然有——移动Web。移动Web最突出的特点,是用户可以直接浏览、访问网络上的应用程序。全民宽带大提速时代即将到来,移动Web势必会成为一大热点。为此,湖南网站建设详细总结了一些较为全面的移动Web设计诀窍与大家分享。

                              

(一)关于首页与网站浏览

1. 网站跳转速度是关键:

网页跳转速度过慢会让用户失去耐心,瞬间关闭你的网页。可以考虑优化的方面:CSS、HTML、JavaScript、浏览器的缓存、网站图片大小、伺服器的回应时间等等。

 

2. 首页与用户关注的内容快速连接:

PC端首页涵盖广告推荐、资讯中心等多个功能,优质的移动Web首页可帮助用户即可获得所需信息。永灿网站建设友情提示,移动Web首页应当将用户和他们所需要的内容快速连接。

 

3. 重要的行动点一定要跃入眼帘:

漏看菜单几乎是手机用户的通病,应当把重要的行动点放在显眼的位置,引导用户随着你的设计而操作。

 

4. 极简设计的菜单: 

手机用户绝不可能有足够的耐心在繁杂的菜单中寻找选项,因此大幅度缩减菜单选项一定是明智的决定。

 

5. 从一个站点自动导入移动Web:

想成功留住用户,首先该做的就是帮助用户从搜索结果页等站点直接导入手机版网页。

 

6. 创建返回首页的快速路径:

用户一般的想法是,只需点击一下网页上方边角的logo即可跳转回首页,这是他们所认为的方便。

 

7. 适当地选择广告投放形式:

大型插页式广告往往会遮挡用户视线,吸引用户关注的同时却干扰了他们原本使用路径。相对而言,那些轻轻一点即可轻松关闭的横幅广告相信会更赢得用户的好感。


8. 搜索结果尽量贴合客户需求:

很少有用户会为了查看多页搜索結果而刷网页。所以搜索結果第一页一定要提供最准确无误的结果。永灿网站建设友情提示,站内应当具备错别字修改、即时查询等自动搜索功能,为用户制造一种小屏幕上搜索查询的轻松体验。

 

9. 创建高效搜索信息的筛选器:

筛选器的特点是缩小搜索范围。如果在搜索时总遇到大量无关的信息涌现在视线里,用户会关闭网站。站内还应当提示用户,使用筛选器可传回的搜索结果的数量。

 

10. 引导用户缩减查找的范围:

假如目标人群不是单一化的,建议在用户即将搜索之前弹出几个提示,让搜索传回的数据尽可能地满足用户的需求。

 

(二)关于商品页面

1. 提供Email或SNS分享产品信息的选项

2. 设定商品评论区供用户浏览、评价

3. 产品页面上推荐同类相似的产品

4. 产品特写图片可展开显示


(三)关于系统登陆及会员信息

1. 让用户通过社交网站登入系统

2. 让用户注册会员,登入系统 

3. 商品可以被暂存在购物车供之后结账使用

4. 暂存购物车的商品, 在其他装置下也可完成结账

 

(四)关于交易与转化

1. 让用户先浏览,再决定

2. 让用户以访客身份购物

3. 明确告知所有结账步驟,并提示用户目前的结账进度

4. 运用目前拥有的信息来提供方

对于老会员,要让系统记住他们的喜好并事先填入这些信息。对于新顾客,可提供他们惯用的第三方支付选项。不仅遵从用户日常习惯的付款方式,更能为用户提供轻松购物的感觉,网站也可预先填入出货信息。

5. 设定点选通话按钮帮助用户完成繁复操作 

为那些需输入敏感或复杂信息的阶段设定一个点选通话功能。

 

 (五)关于信息输入方法

1 用最省事的输入方式进行每项操作 

2. 自动化的信息输入方式

网站可以自动显示数字键盘让用户输入数字信息,则会给用户带来很多方便。如果表单在用户输入信息的同时可以自动换栏,那就更让客户喜欢了。

3. 提供日历功能

4. 提供标签指引与即时验证功能

清楚标示表单,并确认用户在输入信息的同时能参照标签。不要将标签放进栏位中,否则用户会感觉失去指引。永灿网站建设友情提示,信息输入完毕后应当立即确认是否正确再送出,减少重新审核信息的操作。

 

(六)关于装置尺寸外观及便利性

1. 为行动装置设计完善的专用网站

2. 停用双指收合缩放画面的功能

一来操作起来不方便,二来容易导致漏看号召性的文字与重要信息。只要网站设计时充分考虑到这一点,保证用户在浏览时无需调整大小。 


3. 帮助用户找到最为惬意、舒适的画面方向

用户一般情况下会维持同一个画面方向(横向或竖向)。增加一项网站随着装置画面方向自动切换的功能,提醒用户切换到最舒服的画面方向。注意,号召性的文字必须时刻、完整地显示出来。

 

4. 同一个视窗中即可完成一切操作,这是美妙的体验

智能手机进行切换视窗的操作实在很麻烦,访客往往不能顺利返回前一页。注意避免在用户按下号召性文字时开启新视窗,让使用者留在原页面。建议直接在网站上提供优惠券,省去用户开启新视窗搜寻的麻烦。

 

5. 清晰地说明网站需要用户位置信息的原因

应该让用户明白网站需要他们提供所在地的原因。可以将所在地栏目预设为空白,并使用清楚的号召性文字让用户自己决定是否填写。

 

6. 不提倡使用“完整版网站”的字眼

当看到“完整版网站”或“移动版网站”的字眼时,用户会想当然地认为后者是简化版本,从而选择前者。他们的感觉是前者的“资讯更丰富”,然而实际上两个版本的内容完全相同。建议使用“电脑版网站”的字眼。

 

以上就是湖南网站建设想要分享的移动Web设计诀窍。移动互联网的趋势正汹涌来袭,未来移动Web的优势一定会愈来愈明显,愈来愈被人们所认可。

loading

官方微博

电话:15173711352 18973773115(手机点击拨号)

Email: 297390139@qq.com

地址:长沙市高新区麓谷东方红路881号

在线客服
热线电话
联系我们

微信咨询