苏宁易购APP交互设计进行分析和改良设计.docx

《苏宁易购APP交互设计进行分析和改良设计.docx》由会员分享，可在线阅读，更多相关《苏宁易购APP交互设计进行分析和改良设计.docx（36页珍藏版）》请在第一文库网上搜索。

1、苏宁易购APP产品分析报告目录1.1 的佥环境21.2 产品概括213产品定位21.4 用户需求分析32.1产品功能结构图4三、全局说明63.1 功能权限63.2 键篇兑明63.3 页面内交互63.4 页面异常73.5 页面间切换交互方式73.6 更多操作8四、用户操作主流程（购物）116.1 启动页126.2 登录/注册页136.3 首页166.4 商品界面28六、测试异常页面及突发状况30七问题探索及改讲章用32问题一：32问题二：34问题三：35八、总结35一.产品概述1.1 体验环境体验版本：7.7.3体验设备：华为mate30安卓版本：10.0.0体验时间：2021.111.2 产品

2、概括苏宁易购APP是苏宁云商基于线下实体零售产业专门打造的线上电商平台软件，苏宁易购依托苏宁集团集团优势，为用户提供了全面的服务，APP上丰富的功能满足了不同的消费人群的消费需求。其图标为一个红色背景的苏宁吉祥物苏格拉宁狮子。红色和黄色都是颜色中的暖色系，搭配起来十分和谐，具有视觉冲击感，这两种颜色的搭配让人感觉热烈而健康。13产品定位苏宁易购依托其苏宁自身集团优势，聚合了大量的功能，整合苏宁线上线下资源,满足不同消费者的购物需求，建立综合网上购物商城。苏宁易购还整合了母婴领域的红孩子，美妆领域的缤购和生活服务类的满座网,为用户提供更多本地化的团购商品。苏宁的功能并不止于以上几点，还有餐饮美食

3、以及生活服务等多个方面。1.4用户需求分析(1)用户画像in52.24%一W47.76%数据来源：艾媒北极星数据来源：艾瑞数据苏宁易购作为综合类电商产品用户群以35岁以下的年轻人居多，占比76.66%。与其他主打家电3c类电商平台不同，苏宁易购旗下的母婴领域的红孩子和美妆领域的缤购的用户群多为女性，这使男女比例较为均衡。在地域分布上，用户主要分布在东部沿海经济发达地区。(2)用户需求根据需求层次的深浅，将用户的需求划分为三个层次，依次为基本型需求，期望型需求以及兴奋型需求。基本型需求：通过苏宁易购可以购买到自己喜欢的商品，并有良好的售后服务；期望型需求：能够购买到更加便宜的商品，且买到的商品都

4、能够达到详情中描述的水准，不会有假货以及虚假打折等现象；兴奋型需求：能够满足用户多样化的生活需求，比如：日用品购买，生鲜水果的购买，网费电话费的充值，旅游出行等，让用户能够下载一款软件实现多个功能。二,产品结构2.1产品功能结构图三,全局说明3.1 功能权限(1)分为登录状态和未登录状态(2)登录状态可进行App内所有操作(3)未登录状态下仅可以浏览页面Z如商家信息、商品信息等；无法进行商品购买、商家关注和榴莲社区关注等；无法进入会员码、付款码、消息、我的优惠券、我的订单以及我的易购等界面;无法查询我的订单和我的关注等。3.2 键盘说明(1)点击(手机号/邮箱/用户名/搜索)输入框时页面底部弹

5、出中文键盘；(2)点击(手机号/验证码登录)输入框时页面底部弹出数字键盘；(3)点击其他输入框页面底部弹出字母全键盘。(1)说明信息、提示/警告信息、更新信息(2)顶部弹窗(Popup)、底部弹窗(Actionbar),左部弹窗(Popover)信息畏作区左钳授住功幡区擢作反18:位置：页3诙倒交互:左邢出,点击加以外区域吟吃MB营页分享J_赢.Ml作反年位满；页册顼部交互：威制出，点击8B标搔作近信息戴丽WWTfttS：M皿庭8B交互：底战咄.点击g以外区城图昨功循区3.4 页面异常网页无法打开(QJhOpt/KmarnBwHmmimigKUM.8X：没有冏镭机，WIMMHHMM1tKX：4

6、MCltP3.5 页面间切换交互方式在当前页面左边缘处用右划手势快速返回之前页面。/12:30前页面当前页面3.6更多操作向右滑动12.90给近搜索大*a调孑机：化Gn热门搜索金印女口1堡幢品日小*中瞿。牛的TCL金墀老华工凋一XXWUUUUUUUUUUOUUUUUJIAxxx枷大聚&楼任说出你看的6品QWERTYUIOPFGHJKLOZXCVBNM*11234Qspacecom购物车锄A（搜索商品界面）页面逻辑：主页点击搜索框；页面交互：跳转搜索界面，底部弹出X或者（购物车界面）页面逻辑：购物车页面点击地址；页面交互：底部弹出地址界面，点击字母键盘弹窗外部区域，弹窗消失bannerW1230

7、banner阳的怆病*3829只口由揭生J咖易购苏宁L*际明林欢分交工匠区（商品购买弹窗）（推荐商品弹窗）页面逻辑：在任意商品界面点击立即页面逻辑：首页浏览时出现点击页面购买按钮；跳转至首页下方的猜你喜欢负面页面交互：底部弹出页面交互：底部弹出；发裹评价黑垢田哼册诜栉（发表评价界面）页面逻辑：评价页面点击照相机按钮；页面交互：底部弹出；（分享商品弹窗）页面逻辑：商品详情页面点击右上角分享按钮分享商品；页面交互：底部弹出;四、用户操作主流程（购物）杳雁希莒it沟通五.页面详细功能说明6.1启动页w.苏宁易购上网上街上方宇,页面逻辑：无论是否连接网络，启动苏宁易购app后，进入引导页；引导页等待1

8、秒钟后进入广告页（广告页内容缓存在手机内存中）；不进行任何操作等待3秒,或者点击页面下方跳过按钮，进入APP首页；点击广告页图片，弹出广告内容。6.2 登录/注册页苏宁易购APP的登录方式采取了手机号码的验证码的登录（未注册手机验证后自动登录），密码登录和5种第三方平台账户登录（调取第三方授权接口登录）的方法。对于首次登录的用户，通过手机验证码和第三方登录，省去了账号注册的环节，提供了极大的便利。用户在登录以后可以对密码进行设置。对于上一次账户是从第三方接口登录的用户，退出后的登录只需要授权第三方平台即可。苏宁易购APP还设置了企业账户注册页面，满足企业用户需求。登录/注册页面025norm7

9、M会雌雨公司白，a0、值女生厮上台/同以*TMHQi-TVUMEH0人%*，一*09T*K柿页面逻辑内容：用户输入手机号码，点击获取验证码按钮，跳转验证码输入界面，并倒计时90秒，90秒后倒计时按钮内容变为重新获取用户收到验证码并在5分钟内输入即可登录，超过5分钟验证码失效需要重新获取；若用户在90秒内未收到短信或者电话，点击重新获取按钮尝试重新获取验证码；老用户可使用手机号码和登录密码进行登录；用户亦可点击第三方登录下的4个按钮，调出其授权接口进行登录操作。新企业用户可验证码登录界面点击右上角的企业注册，在跳出的页面中填写信息进行注册登录。页面交互说明：用户点击手机号及验证文本框，数字键盘从

10、底部弹出；用户点击获取验证码按钮，页面盟B转验证码输入界面，90秒倒计时为灰色,90秒过后按钮文本变为橙色的重新获取；用户点击手机号输入框下方的密码登录，页面变为密码登录页面，同时数字键盘变为字母全键盘，在输入密码时，可以点击右侧图标设置是否显示密码；用户点击其他登录方式下第四个按钮，展开剩余两个第三方接口按钮，五个按钮重新居中水平分布，点击一个按钮，相应的第三方授权页面从页面右侧弹出。登录/注册功能逻辑流程N-是否有账号睑证码登录输入手机号，获取脸证码（未注朋手机验证后自动登录）输入验证码微信、qq、支付宝、苏宁金融、门店会员授权界面绑定手机号登录成功6.3 首页苏宁易购APP整合了大量的功

11、能应用，这里仅仅对商品购买这一主线进行交互设计分析。在苏宁易购APP中，如果用户想要用浏览功能，采用的是从上向下浏览的方式,如果用户想要使用某项功能的时候，是从左侧和右侧来寻找的。因此，介绍某一页面的时候采用从上至下的方式，介绍某些功能时采用从左至右的方式。目突()(1)页面名称：首页上(2)页面入口：启动苏宁易购app直接进入到首页(3)页面结构用户扫描条形码/二维码入口商家、商品搜索框会员码展示界面查看所有消息入口小语智能客服活动/广告Banner,8例活动/广告页轮播商品专场活动Banner所有频道汇总商品分类专题区商品推荐视频入口(4)逻辑内容详细说明1,用户扫描条形码/二维码入口：点

12、击扫一扫后页面跳转扫描条形码/二维码界面页面逻辑内容：点击打开扫一扫页面分为扫一扫，AR扫和拍照购三部分内容。用户在扫一扫界面扫描商品的二维码/条形码，图片可以直接拍摄或从手机相册中选择，服务器中没有相关商品信息时，显示为没有查询到该商品信息，查询到实际商品时页面盟B转至对应商品的搜索页面。扫描成功后，可在扫一扫界面点击查看历史记录，用户在AR扫界面对商品进行AR识别，识别过程中可开启手机闪光灯。拍照购图片可以直接拍摄或从手机相册中选择，可翻转摄像头进行拍摄，识别成功后查看历史记录。页面交互说明：在首页上页面上点击左上角扫一扫图标，扫一扫界面从右边弹出，页面背景为后置摄像头拍摄内容，点击返回按钮可返回首页。扫描过程中，扫描框里一条橙色的直