移动电子商务客户端的用户界面设计研究

周怡

移动电子商务客户端的用户界面设计研究

周怡

（湖南邮电职业技术学院，湖南长沙410015）

随着移动电子商务的快速发展，用户界面（UI）设计研究的不足已经突显。文章详细介绍UI设计原则，提出了移动电子商务客户端的UI设计方法，探讨了其设计基本流程，较好地满足了用户体验需求。

移动电子商务；用户客户端；UI设计

为了吸引更多的用户，各大电商、金融机构、实体商铺、银行、医院等产业都开始发展自己的移动电子商务。国内对移动电子商务的研究主要集中在运营模式和技术开发上，而用户界面（UI）设计的研究比较欠缺，希望通过本文的研究能总结归纳出一些适用于移动互联网背景下的电子商务类网站的UI设计的方法。

用户界面设计即是UI设计，是指对产品界面的界面美观、人机交互、操作逻辑的整体设计。UI的本意是用户界面，是英文单词User和Interface的缩写。在移动电子商务平台上，界面设计是整个产品设计的灵魂，功能设计是产品设计的载体。好的UI设计不仅能让产品变得美观并且兼具个性，还会使操作变得更人性化，同时能给用户以愉悦、便捷的体验。UI设计从内容上可分为三大块，分别是研究工具的图形界面设计，研究人与界面关系的交互设计，研究人的用户研究。

1　设计原则分析

1.1控制信息量

对于需要展示的信息，应该区分主次，把重要信息集中显示，是用户能第一时间找到最关键的有效商品提示。在有较多的信息情况下，对页面的排版、字体和颜色增加变化，使内容和层次清晰，更容易识别。

1.2布局无障碍

过分拥挤会造成视觉疲劳，从而引起用户情绪的抵抗，接受信息也容易出现错误，最直接的结果就是导致用户卸载这个移动客户端。因此一定要注意避免信息堆积，页面可以小面积留白，例如在段落之间添加空行，以增加可读性，可以缓解对用户的视觉轰炸，减轻视觉疲劳。

1.3界面一致性

所有的界面设计应该保持一致的风格，这样可以避免窗口、按钮等的重复化设计，主页及分级页面有连贯性，界面反应快，鼠标在不同状态下应该有变化。

1.4合理使用颜色

合理的建立颜色方案，选定主体颜色，围绕其展开其他颜色设计。颜色以主体为主，避免过多的颜色设计，会让人眼花缭乱，造成视觉疲劳。主次页面颜色区别明显，便于用户识别。

1.5语言通俗

为了使客户端被广泛的用户阶层接受，应该尽可能地满足用户需要，这时候应当避免过多的专业术语。可以适当引入一些接地气的词语，以获得用户的迅速认同。

2　移动电子商务客户端的设计方法

移动设计比起传统电脑，它的显示屏要小很多，这就决定了它在界面设计方面与传统桌面系统会有明显的差异。

本文根据用户对移动电子商务平台不同部分的不同需求，对以下七大部分进行分析研究，总结了一些通用的设计方法。

2.1导航设计

移动设备的屏幕尺寸目前有越做越大，越做越薄的趋势，但是比起PC电脑，还是要小很多，因此由于面积有限，设计者要严格控制导航的内容，尽量做到简洁、易懂。保持垂直滚屏，减少水平滚屏。提供快捷导航，把常用功能放在手边，缩短导航距离。

2.2购物流程设计

不同的网站有不同的内容，依照目标用户的购物习惯，合理规划购物流程。比例母婴电商，一般都会把纸尿裤放在首页最显眼的位置，因为这是其网站目标用户最常购买的物品。尽量精简购物步骤，设置购物车，在商品展示页面设计库存提示以及到货时间，购物完成及发货时都应有邮件或者短信提示。

2.3注册、登录页面设计

要求登录对于购物网站的用户来说，并不是很好的体验，因为在注册登录的过程中就会流失一部分客户，所有应该设置让非注册用户也能直接购物，另外开设快捷注册购物通道，比例直接输入手机号或者用户名，设置密码，就能购物，摒除那些冗长的注册信息。对于电商商家来说，鼓舞用户注册对于客户的需求分析非常有好处，因此应该在登录时告知用户注册的好处，比例：“注册即送代金卷”这种鼓舞购物的福利，设置密码找回功能，采用多种登录方式，这样用户就不用为新注册或者丢失密码而烦恼了。

2.4商品展示设计

根据用户需求合理规划商品展示信息。不同的移动客户端针对的目标客户有所不同，因为对商品的需求也不同，以数码相机为例，在商品展示时应该以相机的性能为重点设计，用户的关注点会集中在像素、变焦、是否防抖等，其次可能才是相机的外观，机器配置等，因为在商品的展示页面要放大用户关注点，弱化非关注点。

2.5用户评论平台设计

在移动电子商务发展初期，评价功能并不突出，而在移动互联网飞速发展的今天，用户越来越重视评价功能。很多时候在购买一件商品时，一开始关注的并不是商品的详细信息，而是评价内容。所有评价平台的设计应该尽量人性化，评分结果、信用等级要形象化；评价入口应当图形化，明确标出评价个数；对评价进行合理的筛选、分类、排序。

2.6促销特价功能设计

移动电子商务平台会定期进行促销活动，这个时候也是最能吸引用户关注的时刻，所以很多电商在这个时候都会重新进行客户端的界面设计。采取低廉的价格，多样的销售方式吸引用户比例：“全场买多少送多少，买多少减多少，节日特价，团购优惠，免运费”等。另外可以采用捆绑式销售，指用户在购买某件商品后，网站会搭售低价商品或者免费赠送相应的赠品，另外推荐组合搭配购买。这时用户就会没那么抗拒商家促销，比较容易接受商家的购物推荐。

2.7帮助信息设计

帮助系统是提高网站可用性的一个重要环节。它能够告诉用户在遇到问题时的解决方法，有效地减少用户的挫败感。产品的帮助越少，产品的设计可能就越成功。在界面设计时应该有帮助提示，对提出的问题进行分类，为用户提供帮助人员的联系方式。

3　移动电子客户端UI设计的基本流程

3.1了解目标用户的需求

在UI设计的过程中，首先需要确定是什么人群主要使用此客户端，从而获取目标用户的最主要需求。对于综合性的移动网站，要根据不同的目标用户，提供与需求相对应的交互设计。

3.2收集目标用户的习惯交互方式

不同类型的目标用户在使用软件时有着不同的交互习惯。这些习惯往往来源于他们使用自己熟悉软件工具的交互过程。因此需要了解一些已经普及软件的交互设计。如果是大众群体的话，要充分考虑大众群体最常见的交互习惯，如果是有针对性的目标客户，可以针对这一部分人群的特殊交互习惯，进行特别的分析与设计。

3.3让用户来主导软件

移动客户端收到设备的限制，没用鼠标来辅助操作，基本只是手指运动，因此软件应该积极响应用户的手指动作，并以此设计规则。UI设计应该先收集用户的交互习惯，然后进一步提示用户，指引用户进行需要的下一步操作。

3.4界面美化的设计

移动电子设备与个人电脑不同，它有最大尺寸的限制，现在的移动电子设备更多地是针对手机用户，手机界面设计空间很小，因为更要多收集用户的使用习惯，进行简洁有针对性的界面设计，及时反馈用户的不同需求。

3.5实现交互功能

在界面美化设计完成之后，需要与程序员之间建立沟通，然后修改，最终通过程序来实现用户需要的交互功能。

3.6软件测试分析

软件在制作完成之后，要将软件投放到不同的移动平台进行测试，以此来检测软件所存在的问题并进行维护，力求将软件的漏洞减少到最小。

4　结束语

移动电子商务平台的用户界面设计对于互联网的发展有着巨大的推动作用，应该合理的进行设计，让广大用户的需要得到最大限度地满足，从而让移动互联网更容易地普及到人民群众的日常生活中来，让移动电子商务成为人们的最便利生活方式。

［1］Sunl.视觉设计.移动终端决胜之道：APP视觉设计艺术［M］.北京：电子工业出版社，2014.

［2］徐海波，等.UI群英汇：用户体验.交互.视觉设计方法［M］.北京：清华大学出版社，2012.

［3］王东明.精彩绝伦的Android UI设计:响应式用户界面与设计模式［J］.中国科技信息，2013（20）.

［4］朱振恒.B/S界面规范［J］.科技信息，2009（2）.

［5］戈才学.移动互联网产品UI视觉设计［J］.山海经，2015（11）.

［6］张媛.UI设计中的视觉表现［J］.美术与设计.2013（21）.

［7］王正林.UI设计的理念和方向:以WindowsUI为例［J］.院校风采，2015（2）.

［8］顾炎辉.论手机UI设计发展趋势［J］.规划与设计，2009（33）.

Mobilee-commerce client UIdesign research

ZHOU Yi
（Hunan Postand Telecommunication College，Changsha，Hunan，China410015）

W ith the rapid development of mobile e-commerce，the shortage of the user interface（UI）design research has highlighted.This article details the UIdesign principles，proposes themobile e-commerce client UIdesignmethod and discusses the basic design process tobettermeet the demand of theuserexperience.

mobilee-commerce；user client；UIdesign

10.3969/j.issn.2095-7661.2016.01.005】

TP311.52

A

2095-7661（2016）01-0018-03

2015-10-29

周怡（1986-），女，湖南衡阳人，中南民族大学硕士研究生，湖南邮电职业技术学院教师，研究方向：设计艺术学。