twitter facebook qq sina-weibo

新氧-产品分析(IOS版)

2015-02-12  F.C.Husser

摘要: 新氧是什么?长久以来,对于如何让自己变美,姑娘们的信息来源或是媒体,或是听朋友说,又或去网络上看一些”久病成医“的达人们分享的美丽经。有没有想过直接跟医生沟通?比如,美容美体问问美容整形科医生,护肤问问皮肤科医生,养生调理问问中医,牙齿美容问问齿科医生……如果有一个网络平台让你可以直接跟医生交流,是不是更方便,也安全多了?新氧(SoYoung.com)就是这样一个关于健康和美丽的平台,在新氧里,有很多关于整形、美容、护肤、美体方面的医生和达人。

新氧(IOS版)分析

上期做了新氧的网页版分析,今天我们就来看看他的app版是怎么样的,因为手机端的屏幕大小有限,所以有些东西需要减少。那么这期我们从设计、交互以及功能这几块来分析它。

一些新氧公司的介绍这里就不多阐述了,如需了解,请点击右侧的相关阅读或在阅读思考界面点击相应的上一项新氧-产品分析(网页版)进行查看。

就从设计开始吧!(我不是设计专业的,那就肤浅的谈谈我的看法吧!欢迎吐槽)。

一、app的设计

界面主调色为蓝绿色,蓝绿色是蓝色和绿色的混合色,代表一种甜美的女性特质,与新氧的主题相符;浅绿色更能吸引女性,给人以清晰感。

新氧app 新氧app

初步看来设计还是很不错的,接下来我们深入的去看看。

二、app的交互、功能

1、下栏导航

下栏导航主要包括5个按钮,分别为“主页”、“日记”、“圈子”、“约惠”、“我”;同样的,这个排列和网站上的排列是一样的,根据用户关注度以及app业务的功能重要性进行相应的排列,这样是非常不错的。

下栏导航 下栏导航

2、首页

打开app后进入到的是首页界面,首页由一下几个部分组成。

首页 首页

我们看第一张图,上面有最突出的广告,现在多数app都是以这样的方式进行展示的,由一个图片轮播效果组成,下面的几个圆形小按钮(对,就是我画红框的那里),你以为这只有四个按钮吗?不,你错了,其实这行它有8个按钮,后面它还接着“医院查询”、“医生查询”、“韩国案例”、“精品应用”四个按钮项,这是我第二次打开这块app的时候才发现的。

接下来是限时特惠,其实我是觉得这一栏不应该放在这里的,把这栏放这里还不如把第三页的免费活动放这里,相对于特惠,人们更在乎的是免费;但又把什么放在这好些呢?把日记精选嘛?肯定不是,日记精选需要排出很多日记单来,手机屏幕有限,那就只能放后了,最好是吧想的每日精华放在限时特惠的地方,把特惠调到第三页的免费活动上面。

3、日记

往右变切换一格,我们到了日记界面。日记界面主要内容为用户在上面写的整形日记,其中又包括三项分类,分为“看日记”、“找医生”、“找医院”;看日记:只看用户的日记;找医生:看被该医生整修过的用户的日记;找医院:看从该医院整形过的用户所发表的日记;这样蛮好的,起到了推广医生和医院的效果。

日记 日记

顶部的三个按钮切换后下方的选择性也会随之改变。

既然是日记界面,那总该有个写日记的地方吧,要不然我要去哪里写日记呢?哈哈,看到下面的按钮了嘛?一个照相机的图标,一个日历的图标,很容易理解,照相机用来拍照上传,日历用来看时间或者进度的。那是不是这样呢?我们来看看。

点击照相机的图标后弹出来的是下图中的第一个界面,创建新日记。我还以为是拍照上传呢,后面我们会谈到如何创建新日记,这里就先不管他先。点击日历按钮后又会是很么呢?啊,是下图中的第二个界面。

日记工具 日记工具

在上图的第二个界面上(里面的那项内容是我事先创建好的),暂且不说为什么会跳到这里,既然这里是我所编写的日记项目,也有管理按钮,可是我却在这个界面里一直没找到可以把我之前编写的日记给删除掉的按钮。

4、日记创建

好了,我们来看下如何创建日记,就像在首页一样,点击上面的照相机按钮,然后弹出创建日记的弹出界面,这里我们点击创建新日记,创建流程如下图所示。

日记工具 日记创建流程

点击创建新日记以后,即可进入到第二个界面,此时需要选择下面的项目名称,我这里选择了“鼻部”,然后内容替换成很多关于鼻部的小项目,如果此时选择点击右上角的确定的话,是会错误提示的,你需要再次选择小的鼻部项目,直到“整形项目”文字后面出现一个项目名称,方可点击确定进入下一步,完后他会生成一个如上第四个图形的界面。

在第四个界面上,有四个可点击的按钮,返回按钮这里就不多说了,其中有个笔记本样的按钮点击后进入日历界面(下面我们会讲到),而这里的管理按钮,点击后会弹出一些小工具,这里有个建议,此处点击弹出管理按钮后,你只能再次点击管理按钮才可以把小工具弹回去,这不符合我们的使用习惯,有的时候我们并不想点击同一个按钮然他回到原处,如果改成点击出管理按钮和工具项以外的部分部分也可以隐藏工具项是不是会更好一些。

点击开始记录后,界面会进入到日记编辑界面。

日记编写流程 日记编写流程

进入编辑日记后出现的是上图的第一个界面,用户可以在本界面进行相应的术后状态选择(也可以不对其进行选择),然后才能进行编写,第二个界面有隐私设置,编写日记是必须要图文结合,否则不能对其进行发布。

5、日历

再看看日历按钮,点击后进入到“日记”(3、日记)图片所示界面,点击上面的“开始记录”进入到下图的第一个界面。

日历 日历

我看到第一个界面的右上角有个日记视图,好奇的我试着点了下它,然后就跳到了下图的第二个界面,这块的界面从这里开始,我表现出不舒服的感觉,首先就是上面的那个表单,很不协调,再就是表单右边的几个“保存”按钮,这个保存按钮的颜色分配让我觉得他是可以点击的,我试着点了一下,嗯,没反应,可是却也没任何提示我点击后为什么没反应,而你做的确像可以点击的样子,我花了几毫秒想了下,然后又试着点击了左侧的表达,我的天,跳出了第三个界面,这是我万万没想到的一个界面,居然做的这么的随意。

然后我整个人都不好了,看到这个界面,落差太大了,我随便选了一个选项,如此便进入到了第四个界面,选完内容后的表达变成了文字形式,后面的小图标很容易理解,就是可修改,在这个界面上还有一个按钮,就是右上角的“恢复锦囊”按钮,点击以后进入到一下界面。

恢复锦囊 恢复锦囊

“恢复锦囊”主要内容是一些术前常识介绍,术后所需要注意的地方以及相关项目的用户所发布的美丽日记;这里又有个问题,大家看到界面右上角的小加号了嘛?我开始以为这个界面上还有一些隐藏的工具在这个小加号里,于是想看看是什么,点击一看,我还等着跳出一个工具项来的,结果只是小加号变成了黄色的小勾,这什么意思?为什么会变小勾?它完全没告诉我,也没有任何的提示,然后我就让它变成小勾后就没管它了。

圈子和约惠两项没什么好说的,那就跳过吧!下面我们来看下最后一项“我”。

6、我(界面)

最后一个“我”界面,这个界面如一般的app一样,都是用来放置附加功能的。

我

上图第一个界面,我开始以为头像那一栏点击进去后会进入到个人资料相关的修改界面,后来我看到接着的这一栏的下面那一栏,发现有一个我的资料,然后我就好奇了,点击进去一看,原来是如下图的第二个界面,这个界面里我看到了一行非常熟悉的文字,看到第二个界面下面的那个红色框了嘛?他就是那个被我把加号点成黄色勾的那个术后锦囊相关项目的名字;我试着点击了那个行文字,果然,它跳转到了术后锦囊界面……

好了回来,我点击了一下我的资料,如我们所想的一样,它跳转到了我们想要的资料设置界面,很不错;OK,我们继续往下翻,嗯,看到一个“系统设置”一栏,点击-进入,好了,我们到了上图中的第四个界面,咦?这里怎么有个修改个人资料?我想了下,这个和外面的“我的资料”是一样的吗?好吧,点进去以后发现,是一样的,我不知道新氧的产品经理为什么还要在这里放个修改个人资料。

7、登录、注册

最后我们来看看登录、注册界面。

登录、注册 登录、注册

如上图的第一个界面就是新氧的登录界面了,这个界面设计上还是蛮不错的,下方还有3个第三方登录的平台,很方便,在这个界面直接输入账号密码就可以登录进去(前提是你已经注册的它),那么它的注册界面又是怎么样的呢?

我点击了第一个界面右上角的注册按钮,duang~的一下,跳到了上图的第二个界面,我的第一反应是,这是什么?这个界面并不是我想象中的那个界面;细一看,原来是用户协议界面,为什么会把用户协议界面放在这里呢?难道新氧的产品经理不知道像这样的界面是没有用户去看的吗?一般用户都是会跳过的啊!为什么会这样,我有一下几个猜想:1、新氧产品经理认为绝大多数的app都不会展特意展现用户协议出来给用户看,那么用户自然就不会关注到它,那么它的存在变失去的很大的意义,为了改变这一现状,新氧产品经理决定把它放在点击注册后的第一个界面;2、这样做更能充分的展现用户的知情权,让用户确实的了解这款app的用户协议;3、为了让人有个深刻的印象(大家都不这么做,只有我这么做)。以上都是我的个人猜测,至于这样做的真相,那我们就不得而知了。

接下来,点击同意,进入到了第三个界面,这个界面是手机号注册界面,只要输入手机号,然后点击获取验证码按钮,界面跳转到输入验证码界面,输入验证码,在设置新的密码,然后就注册完成了;这里有个小建议,如果把改界面和验证码界面合成一个界面,那会更好些,减少了用户的跳转操作;再看第三个界面的右上角,有个邮箱注册,点击后界面跳转至第四个界面,这个界面的话还不错,一步到位。

三、总结及建议

今天主要对新氧app(IOS)版进行了肤浅的分析,只从视觉、交互以及功能上做了分析;总体来说,大体的视觉这做的还不错,配色也很协调(除了日历图片里的第三个界面)。一下我也给出我的几点建议,欢迎吐槽!

个人建议:
① 在首页界面,如果能把上部分的8个圆形按钮完全展示或者是给与用户一定提示,告诉用户手指向左滑动会出现另外四个圆形按钮,这样回更好一些;
② 还是首页,如果把限时特惠和免费活动进行相邻的上下排列放在,我想这样用户使用起来会更舒服;
③ 在整个app所有的弹出层都有个共同的特点,就是弹出来的层,必须点击相对于的某个点才能让这个层隐藏起来,其实这样的交互没错,但人们更习惯于点击除相应点和弹出层外的区域时让弹出层进行隐藏,每个人都是懒的,都想点击离手指最近的地方就能实现想要的结果;
④ 每一个按钮都要给与用户相应的反馈,就比如“日历”图片的保持按钮,如果这是不能点击的按钮,可否把它变成不可点击色(状态)或者是用不可点击的图标进行提示用户;又比如“术后锦囊”界面的小加号变黄色勾的这个效果,能否在用户点击小加号后给予用户相应的提示反馈,而不仅仅是变成黄色的勾;
⑤ 在“我”的界面里,分类更清晰一些,一些有的东西就不要再拿出来放到其他的地方去了,比如界面收本来就有个我的资料了,在下面的设置系统内部又有个修改个人资料,这是多此一举的;
⑥ 对于那些长篇累牍的规则性文字界面,尽量不要展示给用户看,因为他们根本就不会看,那些东西不能满足用户的既定需求,放出来只能是增加用户的累赘感,比如说点击注册后跳转的用户协议界面;

产品简介

新氧app版本,新氧就是一个关于健康和美丽的平台,在新氧里,有很多关于整形、美容、护肤、美体方面的医生和达人。

相关阅读

新氧-产品分析(网页版)

新氧就是一个关于健康和美丽的平台,在新氧里,有很多关于整形、美容、护肤、美体方面的医生和达人。