必胜宅急送Web app设计背后的思考

O2O模式是餐饮业在移动消费趋势下主动拥抱互联网的方向,迎合餐饮消费者 从以往经验判断为主转变为依靠移动设备、lbs、社交网络进行立体决策的过程。 继App客户端之后,手机web app也逐渐成为O2O中联系消费者和餐饮业的纽带,通 过Html5的技术支持,web app设计可以直接适配不同平台的手机屏幕并实现类似 App客户端的体验,在O2O双向流程的闭环中加深消费者对品牌的认同和感情认知 。

日前必胜宅急送推出的手机订餐web正是其O2O模式的策略补充和深化。FaceUI 提供的web app设计包含了对产品背后动机的挖掘和把握,随着项目团队对动机的 理解和可用性测试的加深,设计思路也随之发生着变化。

产品的客户方动机

即为什么要进行这个web app设计,客户方(甲方)对此产品的定位和要求。 不同定位的产品在功能或设计方向上会存在较大的差异。最常见的就是跟风型产 品,如早期的各式IM、再到繁多的微博,还有如今火热的即时通讯工具,尤其移 动平台的低成本高效率导致扎堆产品应接不暇。这样的产品更多是抱着分一杯羹 或他有我也要有的心态定位,更注重被模仿对象的还原度,而不是个性特色。

必胜宅急送的web app则是定位于O2O方向的探索。相较于传统app客户端,手 机web app可以较为轻松地实现跨平台的轻量级应用,脱离于app商店的web降低了 初级用户或中老年群体的使用门槛。对客户方来说,依靠url作为入口,web app 可以便利地利用公众平台、朋友圈等社交传播网络进行推广。所以虽然手机web app仍然存在一定缺陷,在扩展消费者接触面、提高品牌自身竞争力等方面也极有 潜力,这也是产品的功能目标和期望。

图片1

产品的设计动机

除了实现产品功能概念外(有效性),另外的动机就是减少消费者从登录网站 到预览下单的时间(效率)和让消费者接受并喜欢使用宅急送(满意度)。有效 性、效率和满意度是评判产品可用性的标准,在以用户为中心的产品设计中作为 衡量产品质量的指标。产品设计师基于对市场、用户、产品的理解和积累建立符 合可用性诉求的价值倾向,并贯穿在产品之中。

固然好的设计师擅长如何让产品、功能与用户需求有机结合,但在有些问题上 ,难以避免与其他项目成员、与客户之间的分歧,这时候采用可用性测试对用户 动机研究就成为判断的依据。

产品的用户动机

想要立即得到设计师、客户都满意又符合可用性要求的完美方案是不可能的, 所以结合项目进度要求,设计团队引入了低保真原型的可用性测试进行循序渐进 的设计迭代,力图通过探明用户的动机解决设计上的关键问题。

对于可用性测试的一个误解是,可用性测试需要花太多时间和金钱。误解的前 提是一个成熟完整的测试可能需要若干天数进行准备和测试,再经过一定时间才 能整理数据并得出分析结论,由此带来的时间成本和招募成本不利于项目进行。

图片2 低保真测试原型

时间: 2024-10-03 05:23:29

必胜宅急送Web app设计背后的思考的相关文章

Web App设计浅谈

HTML5技术的强势发展,为互联网带来的最大改变就是: web从"已死"的预言中回过头来给Native app一记沉重的回马枪,web app成为举世瞩目的明星开始走在各大公司研发的时刻表中.Google .微软.苹果三大巨头紧锣密鼓地在web app的研发产品领域圈地设岗,并试图建立以自己为中心的"云"服务平台,企图在web app时代到来的时候充当霸主. 本文将围绕web app的设计,与大家讨论几点设计技巧. 什么是web app? Web app是一种通过网

Web app设计细节:web app互动设计技巧

文章描述:Web app设计浅谈 . HTML5技术的强势发展,为互联网带来的最大改变就是: web从"已死"的预言中回过头来给Native app一记沉重的回马枪,web app成为举世瞩目的明星开始走在各大公司研发的时刻表中.Google .微软.苹果三大巨头紧锣密鼓地在web app的研发产品领域圈地设岗,并试图建立以自己为中心的"云"服务平台,企图在web app时代到来的时候充当霸主.本文将围绕web app的设计,与大家讨论几点设计技巧. 什么是web

web app设计:Web app的交互性设计

文章描述:Google Web App开发指南第二章:交互设计. 首先掌握基础 借用篮球界一个传奇人物的话,在你做任何事之前,你必须"首先掌握基础".(说出这句话的是波士顿凯尔特篮球名宿Larry Bird,他同时也是一个Web App爱好者.)所有伟大的Web Apps都必须有一个清晰的集中点. 相关阅读:Web Apps的绝佳案例:Web Apps的特性 创建清晰的需求描述 伟大的web apps让用户很容易集中注意力.人们在某段时间内只能集中于少数几件事,因此,与那些提供给用户很

Google Web App开发指南第二章:交互设计

首先掌握基础 借用篮球界一个传奇人物的话,在你做任何事之前,你必须"首先掌握基础".(说出这句话的是波士顿凯尔特篮球名宿Larry Bird,他同时也是一个Web App爱好者.)所有伟大的Web Apps都必须有一个清晰的集中点. 创建清晰的需求描述 伟大的web apps让用户很容易集中注意力.人们在某段时间内只能集中于少数几件事,因此,与那些提供给用户很多选择和很多特性的web apps相比,人们更喜欢那些没有干扰能让用户轻松完成手头任务的应用. 为了确保你的应用有一个集中点,创

如何提升企业产品WEB APP的用户体验?

  Web App 设计要点 1. 配色 颜色作为设计师传达情感的主要元素之一.一个明确的品牌颜色,对信任度,认知度都会有大大的提升.颜色除了能为界面提升美感,也能作为功能上的辅助.在普遍页面信息量大的企业产品中,往往一个有颜色的按钮就很容易吸引用户的视觉焦点. Lovely是Dribbble大神Kerem Suer设计的Web App.橙色主,蓝色辅助,淡灰色为底色.这个配色既色彩鲜明,淡淡的感觉更让人长时间使用也不觉累.整体感觉和谐舒服,简洁耐看. Squarespace用的是黑白配,可说是

IOS开发:Web App导航设计探讨

 开发:Web App导航设计探讨-app导航设计"> 导航系统所遭遇的挑战 iPhone Native App较常见的导航如下图所示: 手机屏幕底端:A.B.C.D四个tab组成该Native App的全局导航,这是我们经常见到的tab导航栏. 手机屏幕顶端:主要有四种形式.第①种形式是在该位置中心显示产品的logo;也可以将logo适当调整位置,将常用操作或快捷入口放在该位置的右侧.第②种形式是在该位置有两或三个tab选项.第③种形式是在该位置中间显示当前任务标题,在左右两侧放置导航控

iPhone Web App 导航设计探讨

最近在做iphone端Web App的项目.由于产品形式新颖,技术环境不成熟,公司给与了较宽松的研发时间.在一个月的交互设计阶段,每个环节都得到多次讨论推敲,我从中感悟颇多.导航系统的设计是一个比较典型的点,拿出来与大家分享讨论一下. 导航系统所遭遇的挑战 iphone Native App较常见的导航如下图所示: 手机屏幕底端:A.B.C.D四个tab组成该Native App的全局导航,这是我们经常见到的tab导航栏. 手机屏幕顶端:主要有四种形式.第①种形式是在该位置中心显示产品的logo

App设计VS Web设计:互相学习到了什么

我们通常将http://www.aliyun.com/zixun/aggregation/9086.html">App设计和Web设计看作两个完全不同的领域. 由于Web App的出现,彼此之间的界限似乎变得模糊了,不过我们依旧尝试对比App设计和Web设计.即使是同时工作于这两方面的设计师也常常将它们区别对待. 其实这两方面可以互通互补.每类设计都有自己的优点和缺点,往往也需要在其它方面进行补充. 下面是App设计和Web设计间可相互借鉴的六点. 1.避免功能泛滥 App设计师们清楚,额

WEB设计技巧:Web开发中经常使用的网站和Web App

文章描述:Web用户体验师Jake Rocheleau撰写了一篇文章分享他在Web开发中经常使用的网站和Web App,其中包含各类字体库.代码库.插件库.配色方案和测试工具.他同时指出,Web开发环境将慢慢转向云端. Web用户体验师Jake Rocheleau撰写了一篇文章分享他在Web开发中经常使用的网站和Web App,其中包含各类字体库.代码库.插件库.配色方案和测试工具.他同时指出,Web开发环境将慢慢转向云端. CodeVisually是一个开源项目.在它的分类目录下有各种插件.