Categories 新闻动态

如果说我们做的业务最终输出的是一座高效WAP网站,那我们设计师就是这座网站的架构师。

产品和运营负责构建网站的基本框架,我们设计师则在这个基础上进行细节的雕琢和优化。我们从用户需求、操作习惯出发,对网站布局、导航、内容呈现等方面进行调整,确保最终输出的产品既美观又实用。

我们的设计过程应该如建筑设计一般精致——

一、背景:随着移动互联网的普及,越来越多的用户选择通过手机访问网页,但很多WAP网站的设计却存在着诸多问题。为了给用户提供更好的体验,我们需要深入了解用户的操作习惯和需求,从细节处出发,打造高效易用的WAP网站。

在线上聊天时,用户触点是手机屏幕,设计师设计的是界面美感和操作便捷性;但在线下交易时,触点不是数字设备,而是真实的商品、服务。如果设计方案没有结合用户行为场景和目标,就会造成用户体验的断裂。

比如这个购物网站的首页,单独看没有什么问题。

但是当用户在移动端进行操作时,由于屏幕尺寸有限,一些重要的按钮被遮挡,导致用户难以操作。
另外这个新闻网站的评论区设计也存在同样的问题,用户需要在键盘输入评论内容,而键盘弹出后,评论区域的上方就被覆盖,用户体验欠佳。

二、《高效WAP网站设计五线谱》方法:

1.方法论概念:早在二十世纪九十年代初,美国学者Don Norman就明确提出了“设计要以人为中心”的原则。在WAP网站设计中,我们需要充分考虑用户的行为、地点和触点,确保网站既能满足用户的操作需求,又能提供舒适的视觉体验。

我们可以使用线的形式,表现出用户在我们设定的业务场景中连续的操作流程,像音乐一样流畅自然。五线谱的设计方法包括以下五个要素:用户行为、地点、触点、设计策略、设计方案。

其中,用户行为、地点、触点是既定的,属于产品与运营层面;而随着操作的变化,地点与触点会发生变化,设计策略和方案需要结合其特性进行推导,保证用户体验的连贯性和一致性。

-分析用户行为:首先我们要了解用户在WAP网站上的主要操作行为,比如浏览资讯、购物、娱乐等。然后根据这些行为,分析用户的操作习惯和需求,为设计提供方向。
-分析地点特性:用户的行为环境有哪些特点,会对操作产生影响,如何辅助设计。-分析触点特性:WAP网站的触点主要包括手机屏幕、触摸屏等。我们需要了解这些触点的特性和限制,以便在设计中避开问题。

2.具体应用:

以一个购物网站的设计为例,我们希望打造一个既美观又实用的WAP网站。

首先,我们要明确用户行为:浏览商品图文信息、查询商品详情、下单购买、支付等。

然后,根据用户行为,分析操作习惯和需求:用户希望在页面中快速找到所需商品,操作简单方便。

接下来,我们需要确定设计目标:

-提升用户体验,使购物更加便捷;
-提高网站转化率,促进产品销售;
-增强品牌形象,提升用户满意度。

在此基础上,我们进行以下设计推导:

-用户在浏览商品图文信息时,期望页面布局合理、图片清晰、文字描述详实;
-用户查询商品详情时,期望能够一键切换到商品购买界面;
-用户下单购买时,期望支付流程简单快捷;
-用户在操作过程中,能够在第一时间获得帮助和支持。

根据以上分析,我们制定了以下设计策略:

-优化页面布局,提高信息展现效率;
-加强搜索功能,方便用户快速找到所需商品;
-简化支付流程,降低用户操作难度;
-提供便捷的客服通道,解决用户的即时问题。

最后,针对具体设计对象进行设计方案推导:

-首页:突出展示热门商品、优惠活动等信息,同时加入搜索框和分类导航,方便用户快速浏览和搜索;
-商品详情页:增加一键购买按钮,缩短用户操作步骤;
-支付页面:简化操作流程,使用支付宝、微信等支付方式;
-客服界面:提供在线聊天、电话咨询等服务,为用户提供即时帮助。

三、回顾几个重要的点:

1.高效WAP网站设计五线谱方法适用于多种场景的业务。
2.五线谱设计方法以用户连续操作为主线,结合地点、触点特性进行设计,保证用户体验的连贯性和一致性。
3.在做多触点设计时,要充分考虑用户的行为、地点和触点,从细节处出发,打造高效易用的WAP网站。

让我们共同努力,为用户提供更加优质、便捷的互联网体验!