很可惜 T 。T 您现在还不是作者身份，不能自主发稿哦～
如有投稿需求，请把文章发送到邮箱tougao@appcpx.com，一经录用会有专人和您联系
咨询如何成为春羽作者请联系：鸟哥笔记小羽毛（ngbjxym）
TCC 推荐：大家好，这里是 TCC 翻译情报局，我是李泽慧。BimaPe是一款一家印度的保险科技行业的初创公司。他们的产品非常具有创新性并且对用户来说非常有用。但很多时候一些网站上的功能和福利用户并不能发现或者不会使用，这就像在我们日常的设计中，虽然作为设计师我们设计了很多功能，但是用户根本不能理解到功能到底是什么，如何使用，那这无疑就是很大的败笔。作者在本文中不仅分享了设计流程，同时也分享了设计决策和背后的逻辑，而这往往也是我们做设计最重要的支撑。那就让我们一起来阅读学习一下吧！
在这个案例研究中，我将阐述再设计 BimaPe 网站登陆页面的过程。在下面将分享整个设计流程、设计决策和背后的逻辑。
BimaPe登录页重设计
该项目是10K 设计师 顶点项目[1] 的一部分。
( [1] 顶点项目（Capstone Project）: 是美国中学或高校阶段针对临近毕业的高年级学生开设的一种综合性课程。这是一种让学生整合并充分利用所学领域的知识，同时培养相关技能和态度的课程。又称为顶点单元、顶点体验或高级研讨会。这类课程一般开设在实用性很强的专业中。)
BimaPe 是一家印度的保险科技行业的初创公司。他们的产品非常具有创新性并且对用户来说非常有用。该产品可帮助用户管理现有的保险单、简化保险流程并找到隐藏的可获取的保险福利。
1. 我发现这个产品很有趣。
2. 我意识到 BimaPe 网站有可改进的空间。
3. 我在保险行业有一些经验，所以我对这个重设计的例子很感兴趣。
经过一些访谈调研，我发现人们并不完全了解 BimaPe 网站是做什么的。
即使他们知道 BimaPe 的大致功能，但仍不知道它可以帮助自己完成怎样的事情，所以再设计的 BimaPe 网站 可以帮助用户更好地了解网站的定义。
1.“BimaPe”这个名字让人摸不着头脑。
尤其是那些不了解“Bima”一词含义的人。
如果你属于这一类人，让我来告诉你，Bima = 保险。
（也许你和我的年纪差不多，在家里可能听爷爷奶奶的谈起过，但大家不知道 Bima 的意思也不足为奇。）
2. 人们也许将“BimaPe”误解为PhonePe、BhimPe、Gpay（支付）之类的东西，即属于金融科技的公司，因为它的末尾是“Pe”。
3. 针对 BimaPe 设计的可用性，我们经过用户访谈并与内部设计师进行讨论 ，得出的结果是用户很难理解 BimaPe 到底是做什么的。
在网上有很多人不是非常了解Bima是做保险的。
大家对以前从未听说过或从未遇到过的东西存在误解是可以理解的。所以现在的目标是让用户充分了解 BimaPe 的功能。
用户在阅读或查看新事物之前通常不会考虑太多。他们浏览屏幕的时候，只是想了解“这里将会发生什么”、“这是我要找的东西吗”、“这个网站是否能够满足我的需求”。
所以我们重设计的目的是 在用户带着问题浏览页面时帮助用户集中注意力，确保他们充分地了解产品。
有时我在想，我到底是一个设计师还是一个心理学学生，但这并不重要，因为这只是一个设计师必须要扮演的另一个角色。说完了我的想法，让我们开始吧！
在当前实时登录页面中，一个令人困惑的部分是 —— 主页对 BimaPe 网站功能的暗示很微弱，但随后在网页的第三部分，它才阐述了网站的主要功能，回答了用户这几个问题：
据统计，40% 的用户不会忽略网站首图上的内容。即使他们跳过了，也已经消耗了大量的精力，当他们浏览到第三部分遇到最重要的信息时，（再次遇到需要解释的内容）可能会使他们感到困惑。
我们重设计的 3 个目标是——
我决定通过重新排版来解决这一问题，如下图的信息架构所示。
我喜欢网站原本的字体和配色方案，并决定继续沿用原有字体和配色方案。它的外观给用户一种简约的感觉，并且这种配色方案有助于建立用户对网站的信任。
我将做如下更改：
1. 删除了导航栏中的“开始”行动按钮。在首图中，你可以看到 3 个将用户带到同一个屏幕的行动按钮，这并没有什么问题，但由于所有行动按钮都导航向同一个页面，因此删除后会让用户不那么困惑。
2. 将 AIDA 原则[2] 应用于网站首图的排版布局，并添加了更多有趣的内容。
([2] AIDA是四个英文单词的首字母：A为Attention，即引起注意；I为Interest，即诱发兴趣；D为Desire，即刺激欲望；最后一个字母A为Action，即促成购买。AIDA模式也称“爱达”公式，是艾尔莫·李维斯Elmo Lewis 在1898年首次提出总结的推销模式,是西方推销学中一个重要的公式，AIDA模型可以看作是用户做购买决策的整个行为过程，从引起注意到最终的购买行为的过程。)
3. 为了明确意图，旧版网站声明“为每个人简化保险”并描述了 BimaPe 功能所带来的便利。我通过列出这些福利，并在网页的后半部分滚动链接到那些获取福利的功能，使之在视觉上更加清晰和容易理解。
4. 明确地告知用户拥有的资源以及能通过BimaPe获得的福利非常重要，因为 BimaPe 仍是一家新的初创公司，它仍在为产品和更好的业务建立自己的受众群体。
1. 旧版网站通过表格分节视图对这一功能进行了解释。我决定给它们归纳成一个单独的部分，以便用户能够清楚地注意到它们，也知道它是如何工作的。
2. 改进了 描述该功能的文本。
3. 添加了 更多的空白以更好地浏览。
4. 作为用户，常常会犹豫是否要通过互联网上传他们的私人文件，显示该功能工作的步骤 / 流程将有助于消除用户对产品的所有疑虑，帮助用户建立信心并让用户感觉一切都在自己的掌控之中。
1. 旧版网站同样页通过表格分节视图对此功能进行了解释。我也决定给它们归纳成一个单独的部分进行描述，以便用户能够清楚地注意到它们。
2. 同样地，改进了描述该功能的文本。
3. 与首页保持一致的 CTA 文案，即“成为会员”
4. 通过更好的 高保真让用户更真实地了解 APP。
钱包是为上面称为“管理您的政策”的福利服务的功能。
1. 舍弃那令人困惑和自信的文案“您已经投保”，取而代之的是“您可能已经投保了，进来看看其他的福利”。它为用户创造了新的刺激和希望，并获得了用户的关注。
2. 社交和工作证明是网页上最常出现的内容之一。在这里没有太大的必要显示，所以去掉了它，而且我们在前面的首页部分已经清楚地提到了它。
3. 旧版网站没有告知用户在哪里和如何发现福利，所以我添加了不同领域的卡片，为用户提供更多的细节。
4. 将 CTA 文案更改为第一人称。
我喜欢旧版网站中评论卡片的制作方式，简单明了。但我想给这个部分一个更简约的视图，以使其与我的设计版本保持一致。
所以我决定：
1. 在屏幕上一次 保留 1 条评论以获得更多负空间。
2. 舍弃了底部的灰色滚动条。它不是很明显，因为它看起来像一个分区分隔符，一些用户也将它误解为加载栏。增加了带有颜色的虚线滚动指示器，以带来更好的美感并让用户更易理解。
3. 原始设计中的卡片不使用鼠标水平滚动，只能通过触控板和水平滚动条滚动，增加了两侧的箭头按钮来滚动浏览卡片。
我喜欢常见问题解答的设计，它简单、易于浏览且极简。这完全是我的设计风格，并且与我当前的版本很相配。所以我决定通过改变背景的颜色来推进这部分。
不要想着做一些不必要的改变。
1. 喜欢标题的文案，所以保持一致，但添加了一个子标题，以表明 BimaPe 只是一个增强体验的工具，但控制和管理保险的真正权力仍然在于用户。这给了用户很大的信心和控制感。
2. 一个更好的布局页脚是考虑到保持一致性。将上图的渐变添加到页脚，以便将页脚的那部分微妙地包含在网站的页脚中，因为我希望合规要求的内容以不同的方式看待。为什么？为了给合规机构或其他关注的人提供一个清晰而独特的视角。
如果你也把它读成“Fevicol”，来击个掌。抱歉，无论如何，我知道这很糟糕。
浏览器上有太多活动标签，很难找到BimaPe 网站的标签。清晰独特的网站图标可以帮助用户快速找到标签以获得更好的体验。
在当前的图标图标中很难阅读“BimaPe”，我建议使用用于邮寄的相同图标（没有那个鼠标）。
1. 如果我对具体业务方向更了解，我可以进行更好的研究。
2. 如果我是 BimaPe 团队的一员，我将能够根据业务需求和数据做出更好的设计决策，以满足业务目标
3. 总是有更好的美学空间可以发挥，用户喜欢更美的东西。 
-END-
本文为作者独立观点，不代表鸟哥笔记立场，未经允许不得转载。
《鸟哥笔记版权及免责申明》 如对文章、图片、字体等版权有疑问，请点击 反馈举报
Powered by QINGMOB PTE. LTD. © 2010-2022 上海青墨信息科技有限公司 沪ICP备2021034055号-6
我们致力于提供一个高质量内容的交流平台。为落实国家互联网信息办公室“依法管网、依法办网、依法上网”的要求，为完善跟帖评论自律管理，为了保护用户创造的内容、维护开放、真实、专业的平台氛围，我们团队将依据本公约中的条款对注册用户和发布在本平台的内容进行管理。平台鼓励用户创作、发布优质内容，同时也将采取必要措施管理违法、侵权或有其他不良影响的网络信息。
一、根据《网络信息内容生态治理规定》《中华人民共和国未成年人保护法》等法律法规，对以下违法、不良信息或存在危害的行为进行处理。
1. 违反法律法规的信息，主要表现为：
1)反对宪法所确定的基本原则；
2)危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一，损害国家荣誉和利益；
3)侮辱、滥用英烈形象，歪曲、丑化、亵渎、否定英雄烈士事迹和精神，以侮辱、诽谤或者其他方式侵害英雄烈士的姓名、肖像、名誉、荣誉；
4)宣扬恐怖主义、极端主义或者煽动实施恐怖活动、极端主义活动；
5)煽动民族仇恨、民族歧视，破坏民族团结；
6)破坏国家宗教政策，宣扬邪教和封建迷信；
7)散布谣言，扰乱社会秩序，破坏社会稳定；
8)宣扬淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪；
9)煽动非法集会、结社、游行、示威、聚众扰乱社会秩序；
10)侮辱或者诽谤他人，侵害他人名誉、隐私和其他合法权益；
11)通过网络以文字、图片、音视频等形式，对未成年人实施侮辱、诽谤、威胁或者恶意损害未成年人形象进行网络欺凌的；
12)危害未成年人身心健康的；
13)含有法律、行政法规禁止的其他内容；
2. 不友善：不尊重用户及其所贡献内容的信息或行为。主要表现为：
1)轻蔑：贬低、轻视他人及其劳动成果；
2)诽谤：捏造、散布虚假事实，损害他人名誉；
3)嘲讽：以比喻、夸张、侮辱性的手法对他人或其行为进行揭露或描述，以此来激怒他人；
4)挑衅：以不友好的方式激怒他人，意图使对方对自己的言论作出回应，蓄意制造事端；
5)羞辱：贬低他人的能力、行为、生理或身份特征，让对方难堪；
6)谩骂：以不文明的语言对他人进行负面评价；
7)歧视：煽动人群歧视、地域歧视等，针对他人的民族、种族、宗教、性取向、性别、年龄、地域、生理特征等身份或者归类的攻击；
8)威胁：许诺以不良的后果来迫使他人服从自己的意志；
3. 发布垃圾广告信息：以推广曝光为目的，发布影响用户体验、扰乱本网站秩序的内容，或进行相关行为。主要表现为：
1)多次发布包含售卖产品、提供服务、宣传推广内容的垃圾广告。包括但不限于以下几种形式：
2)单个帐号多次发布包含垃圾广告的内容；
3)多个广告帐号互相配合发布、传播包含垃圾广告的内容；
4)多次发布包含欺骗性外链的内容，如未注明的淘宝客链接、跳转网站等，诱骗用户点击链接
5)发布大量包含推广链接、产品、品牌等内容获取搜索引擎中的不正当曝光；
6)购买或出售帐号之间虚假地互动，发布干扰网站秩序的推广内容及相关交易。
7)发布包含欺骗性的恶意营销内容，如通过伪造经历、冒充他人等方式进行恶意营销；
8)使用特殊符号、图片等方式规避垃圾广告内容审核的广告内容。
4. 色情低俗信息，主要表现为：
1)包含自己或他人性经验的细节描述或露骨的感受描述；
2)涉及色情段子、两性笑话的低俗内容；
3)配图、头图中包含庸俗或挑逗性图片的内容；
4)带有性暗示、性挑逗等易使人产生性联想；
5)展现血腥、惊悚、残忍等致人身心不适；
6)炒作绯闻、丑闻、劣迹等；
7)宣扬低俗、庸俗、媚俗内容。
5. 不实信息，主要表现为：
1)可能存在事实性错误或者造谣等内容；
2)存在事实夸大、伪造虚假经历等误导他人的内容；
3)伪造身份、冒充他人，通过头像、用户名等个人信息暗示自己具有特定身份，或与特定机构或个人存在关联。
6. 传播封建迷信，主要表现为：
1)找人算命、测字、占卜、解梦、化解厄运、使用迷信方式治病；
2)求推荐算命看相大师；
3)针对具体风水等问题进行求助或咨询；
4)问自己或他人的八字、六爻、星盘、手相、面相、五行缺失，包括通过占卜方法问婚姻、前程、运势，东西宠物丢了能不能找回、取名改名等；
7. 文章标题党，主要表现为：
1)以各种夸张、猎奇、不合常理的表现手法等行为来诱导用户；
2)内容与标题之间存在严重不实或者原意扭曲；
3)使用夸张标题，内容与标题严重不符的。
8.「饭圈」乱象行为，主要表现为：
1)诱导未成年人应援集资、高额消费、投票打榜
2)粉丝互撕谩骂、拉踩引战、造谣攻击、人肉搜索、侵犯隐私
3)鼓动「饭圈」粉丝攀比炫富、奢靡享乐等行为
4)以号召粉丝、雇用网络水军、「养号」形式刷量控评等行为
5)通过「蹭热点」、制造话题等形式干扰舆论，影响传播秩序
9. 其他危害行为或内容，主要表现为：
1)可能引发未成年人模仿不安全行为和违反社会公德行为、诱导未成年人不良嗜好影响未成年人身心健康的；
2)不当评述自然灾害、重大事故等灾难的；
3)美化、粉饰侵略战争行为的；
4)法律、行政法规禁止，或可能对网络生态造成不良影响的其他内容。
二、违规处罚
本网站通过主动发现和接受用户举报两种方式收集违规行为信息。所有有意的降低内容质量、伤害平台氛围及欺凌未成年人或危害未成年人身心健康的行为都是不能容忍的。
当一个用户发布违规内容时，本网站将依据相关用户违规情节严重程度，对帐号进行禁言 1 天、7 天、15 天直至永久禁言或封停账号的处罚。当涉及欺凌未成年人、危害未成年人身心健康、通过作弊手段注册、使用帐号，或者滥用多个帐号发布违规内容时，本网站将加重处罚。
三、申诉
随着平台管理经验的不断丰富，本网站出于维护本网站氛围和秩序的目的，将不断完善本公约。
如果本网站用户对本网站基于本公约规定做出的处理有异议，可以通过「建议反馈」功能向本网站进行反馈。
(规则的最终解释权归属本网站所有)