如何设计CrunchBase _UX设计

本文概述

改善CrunchBase
设计过程
线框草图
CrunchBase业务+用户目标

一旦我完成了进行重新设计案例研究的任务, 我便知道最好将精力集中在已经与当前技术社区相关的网站上。我希望案例研究可以引起讨论。大约在同一时间, 一位同事提到他们通过CrunchBase偶然发现了我的公司。在为我自己检查之后, 我发现该网站需要重新设计以保持相关性。因此, 在勾勒出一些想法之后, 我咨询了一些同事进行了可用性测试, 并发现了与现有网站完全不兼容的地方。

文章图片
CrunchBase应该如何：全面重新设计
鸣叫
CrunchBase可用性测试
我招募了两个可用性测试人员, 以反映投资者和企业家的目标市场。我需要通过他们的眼睛来查看CrunchBase, 专注于实际问题, 并查看有效的方法和无效的方法。
我招募了50年代中期的竞选顾问Russ G., 而Mike则是30年代中期的企业家。测试是使用他们选择的会议软件进行的。拉斯选择了Anymeeting, 麦克选择了Zoom。我定期拍摄屏幕截图, 并记录了测试。为了开始测试, 我请他们找到有关Skillbridge收购的更多信息并” 大声思考” 。
两位测试人员都在努力寻找他们在前3分钟内要查找的信息的位置。每个人最终都到达了获取页面, 并且他们采取的路径改变了我对理想用户流以及如何对页面上的功能和内容进行优先级排序的理解。
为什么选择CrunchBase？
CrunchBase是有关加速器, 投资者和初创企业的领先信息平台。甚至像我这样的种子, 收入, 几乎几乎所有初创企业都可以坐在桌子上, 而最具新闻价值的信息则渗入榜首。
所有内容都是用户提交的。该数据库是巨大的。每月都有成千上万的用户涌向CrunchBase, 以促进其组织发展, 结识其他人并了解其行业。投资者蜂拥至CrunchBase来分析趋势, 调整交易流程并做出更明智的投资决策。
我写了这篇重新设计的文章, 以期了解一个简单的设计过程。我从业务开始, 一直关注用户, 并在此过程中提供视觉提示。
CrunchBase由Mike Arrington于2007年创立, “ 起初是一个简单的众包数据库, 用于跟踪TechCrunch涵盖的创业公司。”
【如何设计CrunchBase】它是追踪创业的地方。 CrunchBase被风险投资家弗雷德·威尔逊(Fred Wilson)誉为” 初创企业的维基百科” , 继续赢得人们的青睐。企业家喜欢CrunchBase, 因为它可以帮助他们讲述自己的故事。投资者喜欢CrunchBase, 因为它使他们保持最新状态。
CrunchBase需要清除蜘蛛网以保持相关性。我迫不及待地推荐新的颜色, 字体, 大小, 间距和视觉处理等等。该网站让我难以阅读, 当我向人们展示该网站时, 他们的脸上往往会出现” 这到底是什么？” 的表情。那很正常持续多长时间是不正常的。最终, 外观变得令人厌恶。他们似乎想知道” 这是什么味道？” 。从那里, 我注意到了希望的气息。他们的下巴抬起头, 眼睛注视着左上方的徽标。他们似乎想知道‘我信任这个网站吗？’
线框图首页
在进行可用性测试之后, 我对现有的首页进行了线框设计(黑白, 反向对比), 以更好地了解CrunchBase如何看待其数百万高级用户。我想感受一下逻辑和结构。我追踪了那里的内容, 以便更好地欣赏设计并熟悉其背后的每个决定。
我没有使用Lorem Ipsum这样的占位符文本进行设计, 而是使用Invision的新插件Craft – Craft来为线框快速填充” 真实” 内容。这是我第一次使用它。效果很好。
我对那里的东西表示赞赏。之后, 我才开始进行更改。

文章图片
设置KPI
在此理论案例研究中, 我选择了两个关键绩效指标, 这些指标可以衡量更新, 部署后的成功程度。我发现这是该过程中经常被忽略且至关重要的部分。没有真实的数据来衡量更新的效果, 很难知道何时庆祝。情况变好了吗？如果情况变得更糟怎么办？我选择了两个KPI目标, 认为这些指标是网站健康的主要指标：

与上个月相比, 第1个月每个会话开始的高级试用期增加了10倍。
与上个月相比, 第1个月每个会话完成的网站范围搜索增加了4倍。

目标与实际流量
我从可用性测试中学到的一件事是, 对于用户而言, “ 搜索” 比” 所有收购” 更平滑。
改善CrunchBase 第一次检查CrunchBase网站时, 我注意到了它的美学印象以及可用性。通常, 我觉得有价值的信息太难以理解或难以作为用户找到。 CrunchBase上有大量数据和引人入胜的内容, 但是, 如果不容易发现, 那么对于访问该网站的人来说将毫无用处。
可以理解, 该位置很难组织, 因为似乎需要一个强大而又连贯的系统。因此, 在此重新设计中, 我着重于如何更好地可视化启动数据, 以及如何使页面到页面的导航更加用户友好。所有这些都必须在保持现代美学的前提下完成, 以增强其相关性。提议的更改以业务和用户目标为目标。
新框架和功能
提议的主页为用户提供了更清晰的内容和更多的互动机会。通过增加对新闻, 内容和升级的参与度, 我希望广告和订阅的收入都能增加。简而言之, 建议的首页更加” 强大” 。首页上有一系列关键的重新设计元素, 我将详细介绍。
新价值主张
新的顶部横幅将互动重点放在首页上, 从而为网站上的新用户提供了更具说服力的第一印象。 CrunchBase提供了罕见的内容深度。 CrunchBase上现有的顶部横幅以混乱的术语描述了平台的价值。尽管” 发现” , “ 自定义” 和” 贡献” 可以单击并指向网站的不同区域, 但它看起来并不是交互式的。这些是必不可少的导航工具, 但效果似乎不尽如人意。建议的顶部横幅通过将标语封装为搜索中的提示文本来说明该值。它简化了价值主张并立即设定了期望。

文章图片
新的标头可将网站的值快速传达给用户。
新边栏
新的边栏无需修改网站的架构, 就可以利用空间和规模来更好地传达其导航目的和潜力。你可以看到, 随着字体的改变, 标题的视觉空间更清晰。

文章图片
新数据可视化
主页上的新数据可视化功能从CrunchBase获取所有财务信息, 并将其置于易于阅读的图形中。 “ 关注季度趋势交易” 图没有关注谁在CrunchBase上的发展趋势, 而是一目了然。这加强了CrunchBase任务的一支臂：成为风险投资支持的初创公司的行业数据生态系统和整个行业的可信赖资源。
但是, 可以这么说, 该图表的优点是它可单击并鼓励用户参与。因此, 尽管它的通讯速度不如图表快, 但它可能与网站进行了更深入的互动。因此, 在确定之前, 我要对此进行一些测试。

文章图片
设计过程现在, 我已经指导你完成了一些基本更改, 我认为对我的设计过程也提供一些见解非常重要。设计决策不仅会发生, 还需要进行周密的调查。
业务目标
作为UX设计师, 我负责业务和用户目标的交集。我的目标是使公司更有利可图, 用户更高效。
在处理所有附庸风雅的东西之前, 我需要了解全局。仅使用产品是不够的。有什么价值？谁付款？什么渠道？企业的影响范围是什么？谁是所有球员？它们如何融合在一起？我还没有找到比Business Model Canvas更好的工具。
在为CrunchBase填写业务模型画布时, 我通过快速的研究开始了这个设计过程。我惊讶地发现如此众多的客户群并学到了很多东西。就像与首席执行官坐了两个小时。多亏了” 业务模型画布” , 我了解到了什么不能更改。这可能是最重要的起点。

文章图片
客户价值主张
我将业务目标描述为” 钉在板上” , 将用户目标描述为” 差距” 。为了设计这些缺点, 我设想了CrunchBase的一些虚构但栩栩如生的角色。从他们的早餐麦片, 到他们驾驶的汽车, 再到他们的银行, 我记笔记并思考他们如何度过他们的一天, 他们所遇到的问题, 对他们来说是什么” 大赢家” 以及他们的生活需求, 希望和恐惧可能与CrunchBase有关。我专注于两种客户类型：

第一次企业家
风险投资家

CrunchBase是一个广泛的网站, 其背后具有卓越的功能。我不再关注现有体系结构(以及技术设计), 而是从反映用户价值主张的单一用户目标入手。从那里, 我决定了实现此目标所需的屏幕类型。
我选择的目标是” 了解srcmini最近收购Skillbridge的更多信息” 。下图是记录涉及的屏幕类型的用户流程。

文章图片
线框草图对我来说, 素描感觉像是过程中效率最高的部分。也许是因为我一直很喜欢绘画。它带我走过建筑学校。它吸引了我进行软件设计。我仍然记得我作为UX自由职业者的第一份工作, 是在一天工作后的凌晨, 深夜为iPhone应用程序绘制屏幕。 “ 我需要一直这样做。” 我心想。 “ 我想谋生。”
好主意, 坏主意–在素描时它们都会很快发生。没有什么比用一支非常墨水的笔在大纸上画出想法更快, 看看它是否有腿了。

文章图片
设计评论
在整个过程中, 我领导了远程设计评审, srcmini非常有才华的设计总监Danielle Reid参加了评审。这些评论有助于阐明见解, 着重战略, 甚至发掘一些关键机会。
这些机会之一是主页上的数据可视化, 可以立即显示整个市场。
CrunchBase业务+用户目标本案例研究的目的是展示一位设计师的设计方法。对于大型项目和小型团队, 没有正确的方法或标准。作为经常与初创公司合作的设计师, 我倾向于尝试新事物, 并在此过程中为新机遇调整流程。
为了在这里总结我的过程, 我从一个业务模型画布开始, 该画布影响了客户的旅程, 草图绘制, 可用性测试, 线框图和高保真模拟。
你怎么看？
我很想听听你对解决方案或设计过程的想法。请随时通过@ 8ndw在Twitter上直接给我发消息或在下面发表评论。
? ? ?
在srcmini设计博客上进一步阅读：