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

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

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

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

3、点，还有餐饮1.4用户需求分析(1)用户画像0A*tum52.24%CJ1AIMMI1Stt4JKMcVMh11:111a:美食以及生活服务等多个方面。RtMI向41F*“ntQM为用户提供更多本地化的团购商品。数据来源：艾媒d版星数据来源：艾瑞数据苏宁易购作为综合类电商产品用户群以35岁以下的年轻人居多,占比76.66%。与其他主打家电3c类电商平台不同，苏宁易购旗下的母婴领域的红孩子和美妆领域的缤购的用户群多为女性，这使男女比例较为均衡。在地域分布上,用户主要分布在东部沿海经济发达地区。(2)用户需求根据需求层次的深浅，将用户的需求划分为三个层次，依次为基本型需求，期望型需求以及兴奋型需求

4、。基本型需求：通过苏宁易购可以购买到自己喜欢的商品，并有良好的售后服务；期望型需求：能够购买到更加便宜的商品,且买到的商品都能够达到详情中描述的水准，不会有假货以及虚假打折等现象；兴奋型需求：能够满足用户多样化的生活需求,比如：日用品购买,生鲜水果的购买,网费电话费的充值，旅游出行等，让用户能够下载一款软件实现多个功能。二、产品结构2.1产品功能结构图三.全局说明3.1 功能权限(1)分为登录状态和未登录状态(2)登录状态可进行App内所有操作(3)未登录状态下仅可以浏览页面，如商家信息、商品信息等；无法进行商品购买、商家关注和榴莲社区关注等；无法进入会员码、付款码、消息、我的优惠券、我的订单

5、以及我的易购等界面；无法查询我的订单和我的关注等。3.2 键盘说明(1)点击(手机号/邮箱/用户名/搜索)输入框时页面底部弹出中文键盘；(2)点击(手机号/验证码登录)输入框时页面底部弹出数字键盘；(3)点击其他输入框页面底部弹出字母全键盘。3.3 页面内交互(1)说明信息、提示告信息、更新信息(2)顶部弹窗(PoPUp)、底部弹窗(Actionbar)x左部弹窗(Popover)T信息Me作区Mem网作反激分享依河：至温底BB交互9出,直击Afiu外区域.他贿.点击SB标脚作位？i：页交互：9JSf1I左判决作力KE!作反馈：位由：页砥左剜交互：左押出,点击即以外区域.5；帙3.4 页面异常

6、3.5 网页无法打开3.6 页面间切换交互方式在当前页面左边缘处用右划手势快速返回之前页面。前页面当前页面3.6更多操作向右滑动近搜索前大米ESJ1热门搜索Q皿触的合晶QWERTYUIOPAsdfghjk1OZXCVBNMo123唯Qspacecom（搜索商品界面）页面逻辑：主页点击搜索框；页面交互：跳转搜索界面，底部弹出购物车E0XXXXXXXXXXXX研_JiRXFnKXXXXXXX配送至X1江苏南京建邺区高淳区鼓楼区J江宁区建邺区澡水区六合区P浦口区秦海区栖霞区玄武区触台区XXz（购物车界面）页面逻辑：购物车页面点击地址；页面交互：底部弹出地址界面，点击x或者字母键盘弹窗外部区域,弹窗消

7、失1Z30bannerbanner（推荐商品弹窗）（商品购买弹窗）页面逻辑：在任意商品界面点击“立即页面逻辑：首页浏览时出现；点击页面购买按钮；EK转至首页下方的猜你喜欢页面页面交互：底部弹出页面交互：底部弹出;发表谣价CSfT）好评XXXXXXXXXXX（发表评价界面）页面逻辑：评价页面点击照相机按钮;页面交互：底部弹出；（分享商品弹窗）页面逻辑：商品详情页面点击右上角分享按钮分享商品；页面交互：底部弹出;四.用户操作主流程（购物）五.页面详细功能说明6.1启动页页面逻辑：无论是否连接网络，启动苏宁易购app后,进入引导页；引导页等待1秒钟后进入广告页（广告页内容缓存在手机内存中）；不进行任

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

9、码输入界面”，并倒计时90秒，90秒后倒计时按钮内容变为“重新获取；用户收到验证码并在5分钟内输入即可登录，超过5分钟验证码失效需要重新获取；若用户在90秒内未收到短信或者电话，点击重新获取按钮尝试重新获取验证码；老用户可使用手机号码和登录密码进行登录；用户亦可点击第三方登录下的4个按钮，调出其授权接口进行登录操作。新企业用户可验证码登录界面点击右上角的企业注册,在跳出的页面中填写信息进行注册登录。页面交互说明：用户点击手机号及验证文本框，数字键盘从底部弹出；用户点击获取验证码按钮，页面劭炼专验证码输入界面，90秒倒计时为灰色,90秒过后按钮文本变为橙色的重新获取；用户点击手机号输入框下方的密

10、码登录，页面变为密码登录页面,同时数字键盘变为字母全键盘,在输入密码时,可以点击右侧图标设置是否显示密码；用户点击其他登录方式下第四个按钮,展开剩余两个第三方接口按钮，五个按钮重新居中水平分布，点击一个按钮，相应的第三方授权页面从页面右侧弹出。6.3 登录/注册功能逻辑流程6.4 首页苏宁易购APP整合了大量的功能应用，这里仅仅对商品购买这一主线进行交互设计分析。在苏宁易购APP中，如果用户想要用浏览功能，采用的是从上向下浏览的方式,如果用户想要使用某项功能的时候，是从左侧和右侧来寻找的。因此，介绍某一页面的时候采用从上至下的方式，介绍某些功能时采用从左至右的方式。m()(D页面名称：首页上(

11、2)页面入口：启动苏宁易购app直接进入到首页(3)页面结构用户扫描条形码/二维码入口商家、商品搜索框会员码展示界面查看所有消息入口小语智能客服活动/广告Banner,8例活动/广告页轮播商品专场活动Banner所有频道汇总商品分类专题区商品推荐视频入口(4)逻辑内容详细说明1,用户扫描条形码/二维码入口：点击扫一扫后页面跳转扫描条形码/二维码界面页面逻辑内容：点击打开扫一扫页面分为扫一扫,AR扫和拍照购三部分内容。用户在扫一扫界面扫描商品的二维码/条形码，图片可以直接拍摄或从手机相册中选择，服务器中没有相关商品信息时，显示为没有查询到该商品信息，查询到实际商品时页面勘K转至对应商品的搜索页面

12、。扫描成功后，可在扫一扫界面点击查看历史记录，用户在AR扫界面对商品进行AR识别，识别过程中可开启手机闪光灯。拍照购图片可以直接拍摄或从手机相册中选择，可翻转摄像头进行拍摄，识别成功后查看历史记录。页面交互说明：在“首页上页面上点击左上角扫一扫图标，扫一扫界面从右边弹出，页面背景为后置摄像头拍摄内容，点击返回按钮可返回首页。扫描过程中,扫描框里一条橙色的直线自上到下循环滚动点击扫一扫页面中的付款码可直接劭炼专到付款码界面，点击返回按钮可返回。没有在服务器中查询到对应二维码的信息时，显示为没有查询到该商品信息、，点击“知道了重试。AR扫界面对商品进行AR识别，页面背景为后置摄像头拍摄内容，扫描过

13、程中页面上有网格状渐变矩形特效自上而下滚动,5秒后未识别出来的显示本次扫描暂无结果，点击点我重试再次识别。扫一扫界面和拍照购界面中的历史记录都是从右侧弹出,点击返回按钮，页面从右边消失。拍照购点击橙色同心圆拍摄照片，拍摄的照片存储在手机内存中，开始扫描识别图片，页面变暗，扫描过程中可点击取消按钮，扫描完成后下方弹出与图片匹配的商品信息，可翻转摄像头进行拍摄，点击取消可返回拍照界面。2,商家、商品搜索框：点击搜索框自动跳转到搜索页面。页面逻辑内容：在”首页、分类页面，搜索框都存在；搜索界面结构分为搜索框、热门搜索和最近搜索；搜索过的内容标签化添加到历史记录下方（历史搜索记录排序规则：按照搜索时间

14、倒序排列，排列方式丛上到下，历史记录最多显示10条最近的搜索记录，历史记录标签最多显示十五个字符，超过十五个字符的历史搜索记录不予以显示,点击垃圾桶图标可以删除历史记录，或者长按标签进行逐个删除。）热门搜索推荐的标签内容来自用户浏览的商品内容和活动广告范围内；用户输入关键词搜索,系统在关键词输入过程中对用户可能要搜索的内容关联预测，预测内容后面提供子分类标签，可供用户快速搜索；搜索框内默认显示广告语，再不输入任何文本的情况下，点击搜索进入广告页。搜索完成后，页面勘炼专至商品搜索结果界面。商品搜索结果页面结构为搜索框、排序筛选栏、跟搜索内容相匹配的属性标签栏和商品列表；在商品列表内点击相应商品区域进入详细商品页面。页面交互说明：首页页面下点击搜索框，搜索页面立即从右边弹出,字母键盘从底部弹出；搜索框中有橙色光标不断闪烁，搜索框中有默认搜索文字，灰色；当输入文字时,默认文字消失,右侧出现清空按钮，点击清空按钮,搜索框恢