一起来看谷歌设计师学生时代的交互设计作品集吧!

更新时间:2020/2/11

想知道现在的你和那些设计大神之间的差距在哪里?同样是从学生时代走来,他们学生时期的交互设计作品又是怎么样的?一起来看谷歌设计师学生时代的交互设计作品集吧!

Fiona Yeung

Google设计师

Hexagon总监

受人们及其故事的启发,她希望通过设计和赋权使世界变得更美好

项目1

面向高中生的Linkedln设计

研究

我通过研究当前的高中生对LinkedIn的看法来开始这个项目。我使用Google 表单调查收集了9至12年级学生的41条回答。 

这帮助了我:

- 收集学生使用LinkedIn的总体思路

- 了解他们当前对LinkedIn的想法是什么

- 找出要针对他们的设计的功能

然后,我分析了当前的LinkedIn注册过程,在其中每个步骤都做了注释,以全面了解如何更好地进行改进。

用户测试 

- 59%接受调查的高中用户没有LinkedIn帐户,但听说过(用户尚未拥有帐户的原因:“该帐户仅适用于成年人/专业人士”)

- 84%的人考虑过他们可能想要追求的职业(目标职业)

- 82%的人考虑过他们可能想上的学校(目标教育)

- 27%的人希望使用LinkedIn来查找大学信息

- 23%的人希望建立自己的专属网络

对于高中生来说,LinkedIn的基本概念是:“一个社交网站,以提升自己作为商务人士的能力”,“面向商务人士的Facebook”

通过分析调查结果,我知道为了吸引学生,我必须:

- 向学生介绍LinkedIn的意义

- 提供有关它们可能会有用的不同功能的知识

- 尽早介绍“教育”部分,LinkedIn也以学生为目标

草图

登录页面

我通过添加“了解更多”部分来更改登录页面,在该部分中,新用户可以在注册前更好地了解LinkedIn所提供的服务。大多数接受调查的学生将LinkedIn与“商务人士社交网络”相关联。许多人没有意识到针对学生的教育页面的存在,这是我想在首页上更好地传达的内容。 

建立个人资料

当前:用户在填写基本信息后立即跳入添加组和连接。在决定单击“我的个人资料”图标之前,不会带给用户编辑个人资料或添加任何信息的权限。 

重新设计

通过简单的步骤指导用户创建其个人资料。如果用户希望以后再完成,可以随时跳过。在此阶段,我想缩小用户将在个人资料中填写的内容范围。核心内容显示在此过程中,用户可以在他们的实际个人资料页面上选择添加更多内容。

下一步

完成个人资料步骤后,系统会提示用户添加联系,加入群组并关注公司,影响者或大学。我将这些步骤放在配置文件完成之后,而不是LinkedIn的当前流程中,该流程在流程的早期显示。我认为完成个人资料比立即向他们展示如何添加连接以帮助他们简化LinkedIn工作方式更为重要。 

探索

现在,他们已经完成了个人资料,他们可以开始发现LinkedIn提供了什么。他们可以选择进入自己的个人资料,仪表板,或探索他们可能感兴趣的某些功能。对于高中生,他们真正感兴趣的工具之一是查找有关大学的更多信息。为了使他们更容易浏览,他们可以单击三个功能页面中的任何一个以方便访问。

个人资料页面

我决定对当前的LinkedIn个人资料页面进行一些更改,我想简化它,使人们更容易浏览,主要关注内容。

信息中心

我当前的LinkedIn信息中心进行了一些细微调整,我想再次简化它,只保留用户想要查看的核心内容。我认为当前的信息中心很混乱,使用户很难知道应该在哪里看和做什么。 

我还将概要文件统计信息放在侧栏中,因为我认为视图计数是用户经常跟踪的内容,经常向他们提供关于其执行情况的不断反馈。 

项目2

LOCO

这是一个独立的学校项目,涉及应用程序分析,用户流程,线框,视觉模拟,原型(Marvel / Origami)和一个应用程序网站,该过程在12周内完成。

问题

旅行者必须结识导游,或碰到当地的人,向他们展示周围的一切,以便充分体验新城市。 

解决方法

Loco弥合了旅行者和当地人之间的鸿沟,使他们可以体验他们所参观的文化和地方,而不是仅仅参观景点。 

流程

 商标

我决定使用“ Loco”这个名字,选择这个名字是因为它很简单,听起来像“local本地”一词。我选择将气球作为我的产品图标,因为对我而言,气球代表着好奇心,乐趣和“浮空”。气球会随风而去。我希望我的品牌具有这些相似的特征。我还认为气球是唯一的视觉表示,而不像典型的位置图钉,地图或飞机图标。 

 低保真框线

 保真框线

·注册

注册是用户对品牌和产品的初步体验,从有人开始注册产品的那一刻开始,这种体验会持续到他们意识到你的产品将如何改善他们的生活为止。我想确保用户了解Loco的功能,它如何使他们受益,并最终向他们展示如何使用该应用程序。 

·发现

假设你打算访问多伦多,只需搜索城市并添加筛选过滤器即可浏览,可以向你显示周围情况和潜在当地人列表。我选择不着眼于受欢迎的照片和景点,而是选择关注本地个人资料,以便旅行者可以了解更多有关该指南的信息,从而更轻松地找到匹配项,而不仅仅是了解网红景点。 

·用户资料

用户个人资料页面中有三个标签;关于,景点以及请求。如果你使用自己的个人资料,它将显示你的即将到来/即将进行的游览;如果你正在查看其他人的个人资料,则将是一个请求页面。

·旅行者与当地人之间的交流

确认旅行后,对话将在屏幕顶部的固定选项卡中提供有关旅行者和向导是谁的旅行详细信息,以及轻松访问行程的信息。该选项卡可以折叠以允许更多的页面空间。 

 

 应用网站

我对Loco的最终愿景是一个简单明了的一页网站,用户可以在其中了解Loco是什么。我使用了pagepiling脚本,并在单独的部分中显示了不同的功能。我决定不制作视频,而是决定创建一些gif动画来帮助演示Loco的某些交互。

创建这个网站时,我的确受到了新的Google日历  应用程序网站  Inbox,  53的Paper和Facebook Paper的启发。尽管由于我的编码能力,我的看上去与他们的完全不同,但我还是很乐于能够学习如何创建原型以及类似的应用程序站点。

项目3

Food Waste

问题

全世界每年浪费13亿吨食物,但仍有8亿多人饿着肚子上床睡觉。

设计

我使用Adobe Digital Publishing Suite研究和设计了iPad的信息手册以及交互式数字出版物。我关注了食物浪费造成的负面环境影响,并针对食物供应链中的不同人群,向他们提供了如何预防和减少食物浪费的提示。 我设计的“食物浪费”数字出版物包含有趣的交互式页面,用户可以在其中浏览厨房和冰箱,以了解更多食物浪费的地方以及减少食物浪费的方法。所有插图都是我画的。

 

iPad出版物


THE END
来源:互联网
上一篇文章:
下一篇文章: