一起來看谷歌設(shè)計師學(xué)生時代的交互設(shè)計作品集吧！

想知道現(xiàn)在的你和那些設(shè)計大神之間的差距在哪里？同樣是從學(xué)生時代走來，他們學(xué)生時期的交互設(shè)計作品又是怎么樣的？一起來看谷歌設(shè)計師學(xué)生時代的交互設(shè)計作品集吧！

Fiona Yeung

Google設(shè)計師

Hexagon總監(jiān)

受人們及其故事的啟發(fā)，她希望通過設(shè)計和賦權(quán)使世界變得更美好

項目1

面向高中生的Linkedln設(shè)計

研究

我通過研究當(dāng)前的高中生對LinkedIn的看法來開始這個項目。我使用Google 表單調(diào)查收集了9至12年級學(xué)生的41條回答。 

這幫助了我：

- 收集學(xué)生使用LinkedIn的總體思路

- 了解他們當(dāng)前對LinkedIn的想法是什么

- 找出要針對他們的設(shè)計的功能

然后，我分析了當(dāng)前的LinkedIn注冊過程，在其中每個步驟都做了注釋，以全面了解如何更好地進行改進。

用戶測試 

- 59％接受調(diào)查的高中用戶沒有LinkedIn帳戶，但聽說過（用戶尚未擁有帳戶的原因：“該帳戶僅適用于成年人/專業(yè)人士”）

- 84％的人考慮過他們可能想要追求的職業(yè)（目標(biāo)職業(yè)）

- 82％的人考慮過他們可能想上的學(xué)校（目標(biāo)教育）

- 27％的人希望使用LinkedIn來查找大學(xué)信息

- 23％的人希望建立自己的專屬網(wǎng)絡(luò)

對于高中生來說，LinkedIn的基本概念是：“一個社交網(wǎng)站，以提升自己作為商務(wù)人士的能力”，“面向商務(wù)人士的Facebook”

通過分析調(diào)查結(jié)果，我知道為了吸引學(xué)生，我必須：

- 向?qū)W生介紹LinkedIn的意義

- 提供有關(guān)它們可能會有用的不同功能的知識

- 盡早介紹“教育”部分，LinkedIn也以學(xué)生為目標(biāo)

草圖

登錄頁面

我通過添加“了解更多”部分來更改登錄頁面，在該部分中，新用戶可以在注冊前更好地了解LinkedIn所提供的服務(wù)。大多數(shù)接受調(diào)查的學(xué)生將LinkedIn與“商務(wù)人士社交網(wǎng)絡(luò)”相關(guān)聯(lián)。許多人沒有意識到針對學(xué)生的教育頁面的存在，這是我想在首頁上更好地傳達的內(nèi)容。 

建立個人資料

當(dāng)前：用戶在填寫基本信息后立即跳入添加組和連接。在決定單擊“我的個人資料”圖標(biāo)之前，不會帶給用戶編輯個人資料或添加任何信息的權(quán)限。 

重新設(shè)計

通過簡單的步驟指導(dǎo)用戶創(chuàng)建其個人資料。如果用戶希望以后再完成，可以隨時跳過。在此階段，我想縮小用戶將在個人資料中填寫的內(nèi)容范圍。核心內(nèi)容顯示在此過程中，用戶可以在他們的實際個人資料頁面上選擇添加更多內(nèi)容。

下一步

完成個人資料步驟后，系統(tǒng)會提示用戶添加聯(lián)系，加入群組并關(guān)注公司，影響者或大學(xué)。我將這些步驟放在配置文件完成之后，而不是LinkedIn的當(dāng)前流程中，該流程在流程的早期顯示。我認(rèn)為完成個人資料比立即向他們展示如何添加連接以幫助他們簡化LinkedIn工作方式更為重要。 

探索

現(xiàn)在，他們已經(jīng)完成了個人資料，他們可以開始發(fā)現(xiàn)LinkedIn提供了什么。他們可以選擇進入自己的個人資料，儀表板，或探索他們可能感興趣的某些功能。對于高中生，他們真正感興趣的工具之一是查找有關(guān)大學(xué)的更多信息。為了使他們更容易瀏覽，他們可以單擊三個功能頁面中的任何一個以方便訪問。

個人資料頁面

我決定對當(dāng)前的LinkedIn個人資料頁面進行一些更改，我想簡化它，使人們更容易瀏覽，主要關(guān)注內(nèi)容。

信息中心

我當(dāng)前的LinkedIn信息中心進行了一些細(xì)微調(diào)整，我想再次簡化它，只保留用戶想要查看的核心內(nèi)容。我認(rèn)為當(dāng)前的信息中心很混亂，使用戶很難知道應(yīng)該在哪里看和做什么。 

我還將概要文件統(tǒng)計信息放在側(cè)欄中，因為我認(rèn)為視圖計數(shù)是用戶經(jīng)常跟蹤的內(nèi)容，經(jīng)常向他們提供關(guān)于其執(zhí)行情況的不斷反饋。 

項目2

LOCO

這是一個獨立的學(xué)校項目，涉及應(yīng)用程序分析，用戶流程，線框，視覺模擬，原型（Marvel / Origami）和一個應(yīng)用程序網(wǎng)站，該過程在12周內(nèi)完成。

問題

旅行者必須結(jié)識導(dǎo)游，或碰到當(dāng)?shù)氐娜�，向他們展示周圍的一切，以便充分體驗新城市。 

解決方法

Loco彌合了旅行者和當(dāng)?shù)厝酥�間的鴻溝，使他們可以體驗他們所參觀的文化和地方，而不是僅僅參觀景點。 

流程

 商標(biāo)

我決定使用“ Loco”這個名字，選擇這個名字是因為它很簡單，聽起來像“l(fā)ocal本地”一詞。我選擇將氣球作為我的產(chǎn)品圖標(biāo)，因為對我而言，氣球代表著好奇心，樂趣和“浮空”。氣球會隨風(fēng)而去。我希望我的品牌具有這些相似的特征。我還認(rèn)為氣球是唯一的視覺表示，而不像典型的位置圖釘，地圖或飛機圖標(biāo)。 

 低保真框線

 高保真框線

·注冊

注冊是用戶對品牌和產(chǎn)品的初步體驗，從有人開始注冊產(chǎn)品的那一刻開始，這種體驗會持續(xù)到他們意識到你的產(chǎn)品將如何改善他們的生活為止。我想確保用戶了解Loco的功能，它如何使他們受益，并最終向他們展示如何使用該應(yīng)用程序。 

·發(fā)現(xiàn)

假設(shè)你打算訪問多倫多，只需搜索城市并添加篩選過濾器即可瀏覽，可以向你顯示周圍情況和潛在當(dāng)?shù)厝肆斜�。我選擇不著眼于受歡迎的照片和景點，而是選擇關(guān)注本地個人資料，以便旅行者可以了解更多有關(guān)該指南的信息，從而更輕松地找到匹配項，而不僅僅是了解網(wǎng)紅景點。 

·用戶資料

用戶個人資料頁面中有三個標(biāo)簽；關(guān)于，景點以及請求。如果你使用自己的個人資料，它將顯示你的即將到來/即將進行的游覽；如果你正在查看其他人的個人資料，則將是一個請求頁面。

·旅行者與當(dāng)?shù)厝酥�間的交流

確認(rèn)旅行后，對話將在屏幕頂部的固定選項卡中提供有關(guān)旅行者和向?qū)�是誰的旅行詳細(xì)信息，以及輕松訪問行程的信息。該選項卡可以折疊以允許更多的頁面空間。 

 應(yīng)用網(wǎng)站

我對Loco的最終愿景是一個簡單明了的一頁網(wǎng)站，用戶可以在其中了解Loco是什么。我使用了pagepiling腳本，并在單獨的部分中顯示了不同的功能。我決定不制作視頻，而是決定創(chuàng)建一些gif動畫來幫助演示Loco的某些交互。

創(chuàng)建這個網(wǎng)站時，我的確受到了新的Google日歷  應(yīng)用程序網(wǎng)站  Inbox，  53的Paper和Facebook Paper的啟發(fā)。盡管由于我的編碼能力，我的看上去與他們的完全不同，但我還是很樂于能夠?qū)W習(xí)如何創(chuàng)建原型以及類似的應(yīng)用程序站點。

項目3

Food Waste

問題

全世界每年浪費13億噸食物，但仍有8億多人餓著肚子上床睡覺。

設(shè)計

我使用Adobe Digital Publishing Suite研究和設(shè)計了iPad的信息手冊以及交互式數(shù)字出版物。我關(guān)注了食物浪費造成的負(fù)面環(huán)境影響，并針對食物供應(yīng)鏈中的不同人群，向他們提供了如何預(yù)防和減少食物浪費的提示。 我設(shè)計的“食物浪費”數(shù)字出版物包含有趣的交互式頁面，用戶可以在其中瀏覽廚房和冰箱，以了解更多食物浪費的地方以及減少食物浪費的方法。所有插圖都是我畫的。

iPad出版物