心理咨询重复规划『壹心理』 APP


一、背景

在念大学之时节,就已经知道『壹心理』这个网站了,那时极端欢喜浏览的凡『心理杂志』版块。每当自己心情低落的下,壹心理总能唤醒自身心目之力量,并且为深受自己学会了无数有关的心理学知识。所以,我对壹心理的劳动力们是满感激之,他们以就此好的道去影响部分人口,同时也于改变在有东西。

心理咨询 1

壹心理 心理杂志版块

这就是说时候,壹心理还没手机 APP 客户端,直到 2015 年终于产生矣『壹心理』
APP。在用了一段时间『壹心理』 APP
后,我发觉她产生一对地方可以开得重好一些。于是,就时有发生矣这次再计划『壹心理』
APP 的想法与行动。

次、产品结构

1、网站内容结构

那么,壹心理是举行啊的?

壹心理致力为打造一个心理学平台,聚集国内新锐心理学人,输出健康、科学的心理学价值。

实际的表现形式为:

心理杂志——为民众提供国内新型、最上流的心理学资讯

思电台——为公众提供最好温暖的治愈系心理 FM 节目

思想测试——为群众和团队提供趣味实用或标准的测试

心理咨询——连接大众与心理咨询师,提供在线解决方案

EAP 服务——为合作社供基于移动互联网的职工思想援助

心理咨询 2

壹心理 网站结构

中间,心理电台、心理测试在移动端已经发出单独的『心理
FM』、『口袋心理测试』 APP 作为载体,所以于『壹心理』APP
设计及只要合理安排内容的呈现。

2、『壹心理』 APP 产品布局

『壹心理』 APP
的活布局,主要分为发现、心事、日报、我之、会讲话五个组成部分。

心理咨询 3

壹心理 APP 产品结构

原客户端是将“心事”分为“免费求助”和“专业求助”,我当这么的宏图或并不是太好。“免费求助”的精神是倾诉心事,里面汇集了各式各样的肺腑之言,在某种程度上可领略为“吐苦水”。此外,把“免费求助”作为心事倾诉的进口,也显得有点不太妥当。因为,用户以倾倒心事之前便都于贴上“求助”的签,暗示用户作为一个“受害者”的身价去进行描述。

再次组成壹心理在 App Store 中针对特色功能的叙说:

专业贴心:5000各心理咨询师驻防,为来访者提供正规贴心的思轻问诊,有需要的话还得经免费语音预约服务为咨询师一对一解答心事。

助人自助:Self-help,每一样各来访者在上头都得以啊急需的人数资真正的扶持与建议,成为主人达人,在助己的而,陪伴更多待支援的人。

思日报:每天在地方见有口,看到有故事,学到片异、有趣、实用的思想成长知识与技能,在此,心灵每天还能够获得成长。

于结合起来的第一句:壹心理——来访者心事的出口,咨询师的成材阶梯。

用,有必不可少给予“专业求助”足够的青睐,于是我主宰开展以下的改:

  • 失去丢“免费求助”,把“心事”和“专业求助(专业咨询)”分开成独立的输入。
  • 拿“会话”统一由并交“我的”入口中。

心理咨询 4

壹心理 APP 产品布局(重计划)

三、UI/UX 设计

1、颜色/背景修改

这边,主要针对『壹心理』 APP
的配色进行了不怎么修改。状态栏和导航栏的颜料改变成为了和网站同的蓝色,标签栏的触动按钮的出于描边上色改吧轮廓填充,这样于视觉感受及呢换得更加友好。

心理咨询 5

水彩/背景的修改

2、“发现”界面

“发现”界面主要发生三种植类型的情节做,分别是:文章读、每日一测量、活跃咨询师/活跃用户,通过卡片作为载体来展现内容。

当“文章读”这等同块,原下之统筹是文章标题和文章摘要放置于图纸之下。这样设计的益处是图与仿呈现得大清楚,坏处是信息的层级、逻辑关系有些凌乱。因为页面没有足够的空中去完地显示两种不同之音(文章读、每日一测),用户不能够生好之夺分辨页面中信息的专属关系,甚至有时候爱导致对象归属混乱的题材。

从而,我尝试将“文章读”的图及文字整合起来,在图下半部分叠加一个黑色透明渐变,然后再次将文字呈现于斯之上。这样,图片及文字的层级、逻辑关系就变换得够呛清楚了,同时为令屏幕产生足够的上空去圆的展示两种不同档次的信。

空间有矣,但“文章读”和“每日一测量”的展现方式最过相似,并且“每日一测量”的半空中利用率也比逊色。所以,我累品尝对“每日一测量”进行改善:

将“每日一测”以纵向排列方式放置到卡左侧,并且配上条形品牌蓝色以突出其辨识度,然后剁掉“每日一测”原来位置的留白。

心理咨询 6

“发现”界面的修改

点击上“每日一测量”界面时,发现页面取消了导航栏的计划性,“返回”按钮位于屏幕底边的工具栏中。同时,初次进入“每日一测量”界面时,页面下半部分尚会展示其他用户的褒贬内容。

其一企划为人口感到疑惑,用户还尚无进展心理测试,也尚不了解测试的结果,此时来得其他用户的褒贬内容之含义是呀?而且,在用户就心理测试后,评论内容以及测试结果会再次出现,当然这也是于客观的方案。所以,我尝试对“每日一测”的界面进行修改:

  • 恢复顶部导航栏的计划性,“返回”键位于导航栏左侧;
  • 裁撤屏幕底边的工具栏,取消页面评论区域之始末;
  • 外加“开始测试”按钮的面积,并以那岗位及测试摘要区别开来;

心理咨询 7

“每日一测”界面的修改

3、“心事”界面

前说交,“免费求助(心事)”与“专业求助(专业咨询)”成为独立的入口。所以,“心事”界面就改为纯粹的心事浏览页面。

  • 失掉丢“专业求助”入口;
  • “免费求助”变为导航栏右侧的“写心事”图标按钮;
  • 为此快扫描列表代替卡片式布局,因为同类都操作简便的情以卡片会分散用户之注意力,难以做到快速扫描与浏览。

心理咨询 8

“心事”界面的改

4、“专业咨询”界面

以此间,我尝试将“专业求助”改吧“专业咨询”,转变用户之身份跟标签,让用户得到在尝去探听之情怀去面对咨询师。

把“专业咨询”作为单身的输入,可以避免用户“沉迷”于“心事”中设淡忘了“专业咨询”这起事,同时可能吧让用户与咨询师之间的互动率得到加强。

心理咨询 9

“专业咨询”界面成独立入口

5、日报界面

主界面导航

日报界面原来是“汉堡菜单”的领航设计,它的利与弊端都平等引人注目。好处是节了屏幕空间,让用户聚焦在主页面的情被;坏处是“汉堡菜单”的条款可见性差而操作相对繁琐,在
iOS
上的表现更是如此。考虑到日报仅仅是亮不同类型的条文,而条目中也非需展开接力导航。所以,我尝试做出以下的改动:

把侧边导航(汉堡菜单)改呢滑行标签导航。

如此的精益求精,使得条目的可见性更加温馨,也使得用户发生更多之点击欲望。

心理咨询 10

“日报”界面导航方式的改

“时间标签”

再有一个细节,关于“时间标签”的位置提示。原来的时标签提示的职是从页面滑动而发生变化,当滑到底部待加载了还多内容时,时间标签会突然向上走。这种体验不敷好,而且屏幕内容的滑方向以及日标签的移位方向相反,会大大增加分散用户注意力的高风险。所以,我尝试做了以下修改:

将时刻标签位置固定在滑行标签栏的右下方。

诸如此类,用户以浏览内容之时节,就会无意的认为在时间标签下方的情节都属时间标签的时空范围外,从而减少了用户之体会压力。

心理咨询 11

“时间标签”位置的改

翻阅界面导航

点击列表进入及祥内容后,原以的设计是导航栏消失,状态栏变透明,“返回”键位于底层的标签栏。当进行上滑操作时,底部的工具栏隐藏,整个页面就单剩余透明底状态栏。是的,所以您晤面相状态栏上之亲笔及页面的文字会相互重叠,从而形成相同种植十分糟糕的视觉感受。

心理咨询 12

“日报”文章读界面的改动-1

对此这种景象,iOS 设计规范中一度发生相应的规定:

Prevent scrolling content from showing through the status bar.
As users scroll, you don’t want them to see a confusing mix of app
content and status bar items in the status bar area. To give users the
impression of spaciousness while still ensuring maximum readability,
make sure the status bar has a background that obscures the content
behind it.

绝不让滚动的情在经状态栏时显示。
当用户滚动屏幕内容常常,你免欲以状态栏区域看到使用的内容和状态栏列形成一个令人困惑的夹。为了使用户仍有屏幕最充分可读性的空间感,需确保状态栏后面来一个背景来遮掩盖其偷的始末。

一边,导航在 iOS
中有所非常关键之含义,不承诺盲目的追求屏幕空间的最大化利用。事实上, iOS
设计规范中为一目了然关系要慎重对待隐藏状态栏以及全屏式的沐浴浏览体验。

因而,我尝试做了以下修改:

  • 恢复导航栏,“返回”键位于导航栏左侧,右侧放置切换上/下首文章的操作按钮;
  • 撤底部操作栏的“返回”按钮,向上滑动屏幕时保持操作栏处于隐藏状态。

心理咨询 13

“日报”文章读界面的改动-2

然,在尽量保存更多屏幕空间的以,还好天天保证用户感知自己这儿当何,可以交乌去。

“评论”页面

还有,在篇章最后之褒贬页面,原使用的宏图是将评论作为一个独的页面。我尝试把评论在文章正文的平底,这让用户在查阅评论与文章内容时想有着更好之连贯性,因为评论一旦脱离了文章内容也便夺了意思。

心理咨询 14

“评论”页面的修改

6、“我的”界面

当极度初步的时刻即便涉嫌,把导航栏上之“会话”图标移到“我的”标签列表中,让信息、通知来一个合并呈现的地方。

心理咨询 15

“我之”界面的改

季、导航的重要性

当 iOS 中,导航的基本点显然,这同一触及从 iOS
自带的以就可以看得出来。如日历、邮件与 App Store
中,它们的导航都是可怜清晰的。用户非常明白自己处在采用中之哪个位置,可以做一些哟,可以交乌去。所以,你在
iOS 自带的利用中,基本上看不到导航抽屉(汉堡菜单)这种导航方式。

即以这次的『壹心理』APP
重设计吧,当用户从“发现”进入同一首文章与于“日报”进入同一首文章,导航栏的见是不雷同的。原使用之筹划是当左下角显示“返回”键,但并无标明返回到哪里去。所以,在再次规划壹心理时,我便尝试恢复导航栏,并且常驻在屏幕顶部,“返回”键旁边加上相呼应的字,让用户随时掌握她们好回到何。

心理咨询 16

星星首稿子中“导航栏”的异

再有,在这次的『壹心理』APP
重设计受到,我尝试把“返回”键统一放置在届部导航栏的左侧。而未像原来采取设计的那样,有些界面把“返回”键放在脚操作栏的左手,有些界面把“返回”键放在顶部导航栏的左,一高达转,让人感觉混乱。

以上就是是本次对『壹心理』APP 的双重规划,谢谢。


自我的个体微信公众号:跨界汪(KuajieDog)
初浪微博:小宁OPEN

You can leave a response, or trackback from your own site.

Leave a Reply

网站地图xml地图