個人網(wǎng)站怎么制作教程圖片(用dw制作個人網(wǎng)站教程)

編輯導語：互聯(lián)網(wǎng)時代，網(wǎng)站設(shè)計是一個老生常談的話題，近期康奈爾大學對副業(yè)社區(qū)網(wǎng)站設(shè)計進行了案例研究，希望能夠給你帶來一點新思路，一起來看看吧！

今天為大家?guī)淼奈恼率且黄獊碜钥的螤柎髮W的學生所做的案例研究。設(shè)計思維是在設(shè)計界中一個老生常談的話題。斯坦福設(shè)計學院將設(shè)計思維分成 5 大步驟：“Empathy 同理心思考”、“Define 需求定義”、“Ideate 創(chuàng)意構(gòu)思”、“Prototype 原型實現(xiàn)”、“Test 實際測試”。作為設(shè)計師，如何把理論落到實地，通過設(shè)計思維來指導我們的設(shè)計，一直是一件很重要的事。作者運用了定義問題 —— 調(diào)研 —— 創(chuàng)意 —— 原型 —— 測試這一設(shè)計思維模型，向我們呈現(xiàn)了完整的設(shè)計流程，并錄制了低保真原型測試的視頻，非常值得我們學習。

在康奈爾大學，學生們除了完成學校的課業(yè)之外，經(jīng)常會在空閑時間展開具有挑戰(zhàn)性的創(chuàng)業(yè)追求。他們的目標是解決學校內(nèi)外真實世界的問題。通常，這些創(chuàng)造性的追求被稱為 “副業(yè)“。在過去的一個學期里，我們四名設(shè)計學生組成了一個小組，專注于改善康奈爾大學的學生尋找副業(yè)的體驗。

康奈爾大學每年招生總?cè)藬?shù)經(jīng)常在 2 萬以上，其中有很多優(yōu)秀的學生，他們的學習經(jīng)驗橫跨工程、設(shè)計、商業(yè)等多個職能領(lǐng)域。然而，他們尋找副業(yè)項目合作伙伴的過程卻不盡如人意，一直缺少一個能讓他們輕松地找到其他伙伴，并自由地從事他們想從事項目的包容性社區(qū)。

因此，我們希望能夠彌補這一空白，并創(chuàng)造一個能夠?qū)W生們連接在一起從事副業(yè)的產(chǎn)品。我們小組著手設(shè)計了 “CoCreate“—— 它是一個社區(qū)，康奈爾大學的學生可以在這里加入副業(yè)項目，關(guān)注他們感興趣的類別，或者發(fā)布自己的副業(yè)項目，并尋找志同道合的小伙伴進行合作。

我在項目中擔任的角色：UX 設(shè)計師、用戶研究員。

正如下面所呈現(xiàn)的，我們的解決方案 “CoCreate” 讓用戶通過我們的平臺來發(fā)現(xiàn)康奈爾大學的副業(yè)項目。

圖1、在副業(yè)社區(qū)中與他人互動（關(guān)注一個分類、喜歡一個項目或者發(fā)布一條評論）

圖2、申請加入一個副業(yè)項目

一、核心問題

核心問題— 作為一名學生，當我想從事一個副業(yè)項目，往往需要一群擁有各種技能的人來合作，這樣才能擁有合適的團隊和人力資本，來完成這個項目。然而，要做到這一點往往很困難：

可能很難找到愿意投入時間的學生；很難找到一個剛好具有這個副業(yè)項目所需的各種技能的人；可能一開始沒有關(guān)于項目具體的想法，想從別人的項目中吸取一些靈感。二、背景調(diào)研

我們訪談了幾位從事過副業(yè)項目的康奈爾大學學生，并得到了一些關(guān)鍵的洞察。

1）學生們在開始從事副業(yè)的時候通常會在自己的朋友圈子中尋找熟悉的人—— 而這往往會限制他們無法找到潛在的優(yōu)秀團隊成員。

“主要是通過 Facebook 聯(lián)系朋友，但也會想找其他隊友”“找隊友時先問朋友”

2）在從事副業(yè)時，學生們受到的激勵主要是學習和成長過程帶來的成就感，相較于副業(yè)最終帶來的結(jié)果，他們主要關(guān)注的是學到新的技能。

“喜歡團隊的感覺……能和大家一起學習”“不在乎項目是否盈利 —— 更在乎學習”“想學習新技術(shù)并愿意學習新工具”“主要激勵我的是能學習新技能”

3）學生們希望團隊成員是可靠的：善于溝通且具有良好的時間管理能力。

“尋找團隊成員時，時間管理和溝通技巧很重要 ““（想尋找）良好的合作”“團隊活力很重要 —— 這決定了我們能否相處”“（希望有）相似的價值觀”

4）學生們會根據(jù)他們將要開展的項目所需技能去尋找其他的學生。他們希望合作伙伴能有過人技能，從而使項目更易成功。

“尋找技術(shù)型人才”“尋找有相關(guān)技能的人”“喜歡掌握多種技能的小伙伴”三、用戶調(diào)研

我們關(guān)注的用戶群體是那些 身為創(chuàng)客并且有從事副業(yè)的愿望的學生—— 具體來說，就是那些難以找到一個好的點子或者合作伙伴的創(chuàng)客學生。我們團隊希望更多地了解從事副業(yè)的學生過去的經(jīng)歷，因此我們擬定了訪談提綱，采訪了四位學生。利用得到的訪談記錄，我們制定了下面的親和圖[1]（Affinity Diagram）。

（[1]親和圖：是一種整理想法和數(shù)據(jù)的工作方法，即把收集到的事實、意見或構(gòu)思等語言資料，按相互親和性（相近性）歸納整理，以明確問題、統(tǒng)一認識、協(xié)調(diào)工作，幫助問題的解決。）

四、用戶畫像

我們根據(jù)上面的親和圖擬定了一個名為 “James” 的用戶畫像，以反映我們在用戶調(diào)研中得到的洞察。

1. 明確用戶目標與需求

我們首先將用戶目標和用戶需求分為不同的組別，如下表所示。

五、創(chuàng)意構(gòu)思1. 頭腦風暴

經(jīng)過團隊的一番頭腦風暴，我們將可能且可行的解決方案提煉為六個不同的機會點：

一個關(guān)于副業(yè)的社交媒體網(wǎng)絡；一個連接技能資源的平臺；團隊版 “EdX“[2]；一個在康奈爾內(nèi)部發(fā)布項目和尋找創(chuàng)業(yè)團隊的 APP;一個尋找伙伴的副業(yè)網(wǎng)絡;一個尋找合作伙伴的 APP。

（[2]EdX是一個由麻省理工學院和哈佛大學創(chuàng)建的大規(guī)模開放在線課堂平臺。它給大眾提供大學教育水平的在線課堂及微碩士學位。）

因為我們已經(jīng)開始提煉頭腦風暴得到的想法，并將其設(shè)想為實際的解決方案，所以評估了目前市場上的各種解決方案。

六、市場調(diào)研

我們在調(diào)研中發(fā)現(xiàn)了四種類型的產(chǎn)品，并在下面列出了每種類型的案例，以及每個解決方案存在的潛在缺點。

第一種：可以發(fā)布副業(yè)項目并招募合作伙伴的社區(qū)很難與潛在的小伙伴形成強烈的理解 / 聯(lián)系；人們在社區(qū)中傾向于和身邊的人一起工作，而不是在大學中尋找其他人作為合作伙伴。

案例：Nomad 項目、Collaborizm、Quaranteam

第二種：訓練營具有排他性，沒有低準入門檻限于短時間內(nèi)，且較倉促的項目進程，不適合長期研究

案例：Origin、BKYD、Hackathons

第三種：互聯(lián)網(wǎng)網(wǎng)站

網(wǎng)站的主要內(nèi)容不是針對副業(yè)，因此不利于發(fā)起副業(yè)項目。

案例：CuELinks、LinkedIn

第四種：當下正在開展的社區(qū)具有排他性；進入門檻高，要求有一定的工作經(jīng)驗或嫻熟的技能。

案例：康奈爾工程項目團隊、康奈爾創(chuàng)意小組、Clubfest、eHub

七、我們的解決方案：共創(chuàng)

利用頭腦風暴得出的 idea 和對現(xiàn)有解決方案的評估，加以對用戶需求的調(diào)研分析，我們決定為副業(yè)社區(qū)設(shè)計一個面向康奈爾大學學生的網(wǎng)站，名為 “ CoCreate ”。

CoCreate 解決的四個主要任務：

發(fā)現(xiàn)有趣的副業(yè)并加入；（圖1）在副業(yè)社區(qū)中與他人互動（關(guān)注一個分類、喜歡一個項目或者發(fā)布一條評論）；（圖2）發(fā)布一個副業(yè)項目；（圖3）為自己的項目招募合作伙伴。（圖4）

圖1、請求加入副業(yè)項目頁面

圖2、社區(qū)互動頁面

圖3、發(fā)布一個副業(yè)項目

圖4、為自己的項目招募合作伙伴

信息架構(gòu)：

紙面原型：低保真草圖

這是我們低保真草圖的視頻展示，為了便于理解我們還添加了旁白。這種紙面原型是為了接收用戶的反饋和識別用戶所面臨的各種困難，針對得出的痛點進行迭代。

用戶反饋：

“加入項目” —— 社會關(guān)系和項目描述的界面：

用戶并不在意一個人的關(guān)系網(wǎng)中有多少人，相反，用戶關(guān)注的是這些人是誰。此外，用戶點擊 “請求加入”時，為了看到項目描述而來回翻頁，這讓用戶感到麻煩，因此將項目信息放在消息輸入旁邊更合理。

“社區(qū)互動” —— 評論界面：

評論按鈕看起來像一個搜索圖標，可以用傳統(tǒng)的評論圖標來代替，如果在高保真原型中在產(chǎn)生混淆的時候可以將其直接刪除。

“發(fā)布項目” —— 流程不清晰：

用戶抱怨發(fā)布項目的流程很混亂，有時候把這一流程誤解為在招募成員。這可能是招募功能區(qū)域劃分不夠清晰，因此我們利用了格式塔共同區(qū)域原則更好地將他們分開。

“搜索合作伙伴” —— 讓尋找合作伙伴更容易：

用戶反饋中提到在搜索合作伙伴時希望有一個更清晰的頁面，以便更好地發(fā)現(xiàn)和找到要招募的人。

中保真原型：

在進一步分析了用戶為我們的低保真原型提供的反饋后，我們根據(jù)建議進行修改并創(chuàng)建了一個中保真原型。

目標和指標：

在創(chuàng)建了中保真原型之后，我們又找到了四個用戶來測試我們的原型。在進行可用性測試之前，我們建立了相關(guān)的目標和指標。接下來，我們開始對 4 個不同的人進行可用性測試。

可用性測試：

根據(jù)我們對四個用戶的可用性測試，我們開發(fā)了一個 UPI（UX 問題實例，UX Problem Instances）和UDP（UX 設(shè)計問題，UX Design Problems）的列表，并整合到了一個 Google Sheets 文檔中。

以下是我們考慮的一些主要 UDPs 和解決方案：

（1）用戶對項目發(fā)布創(chuàng)建的流程感到困惑

解決方案：項目創(chuàng)建流程的任務完成順序容易讓用戶產(chǎn)生疑惑，所以要將子任務分割到不同的屏幕上。

（2）用戶在與個人和他們的個人資料互動時遇到了困難

解決方案：用戶不理解該頁面的目的，因此我們考慮的解決方案包括表明 “人 “頁面是為了招募合作伙伴，將 “連接”改為 “相互連接”，并使個人資料頁面看起來與其他網(wǎng)站上傳統(tǒng)的個人資料頁面更加一致。

（3）用戶對于訂閱項目類別感到困惑

解決方案：增加了更多的用戶反饋，當點擊圖標時，清晰地顯示出一個類別已被訂閱，并告知用戶訂閱的類別將被添加到 “你訂閱的類別 “中，并使項目組件在此頁面和主頁時保持一致。

高保真原型：

在進行了可用性測試之后，我們利用上面對 UPIs 和 UDP 的分析來改進我們的原型，開發(fā)了高保真原型。下面是我們最終的交互效果～

CoCreate 海報展示

最后，我們的團隊一起為產(chǎn)品制作了一張海報！我們在課程中向 200 多名學生展示了這張海報，其中包括 40 多個團隊的成員，這為我們整個項目提供了更宏觀的概覽。

八、未來的方向

當然，我們不可能在一個學期內(nèi)完成所有的內(nèi)容，但我為我們團隊所作的成果感到驕傲，我相信 CoCreate 在未來有巨大的發(fā)展機會。如果未來時間允許的話，我們準備下一步添加以下的功能。

設(shè)計個人資料的界面和流程，讓用戶可以有一個 “個人資料頁”；設(shè)計一個 “分享” 功能，讓用戶可以輕松地在其他平臺上發(fā)布或展示這些副業(yè)項目；打造用戶加入項目后繼續(xù)參與項目時的 “團隊“ 功能和流程界面。九、總結(jié)

歸根結(jié)底，最初發(fā)起這個項目是希望它可以 團結(jié)康奈爾大學的學生，創(chuàng)建一個包容的社區(qū)，共同解決具有挑戰(zhàn)性的問題。我們希望降低從事副業(yè)的門檻，讓每個人都有機會參與其中。

在康奈爾，有一些可以自愿參加的組織，要求學生通過申請程序來從事類似的項目。作為這些組織的成員，我明白這是一個以多多益善為原則的游戲 —— 當周圍的學生都在致力于為世界做出改變時，他們就可以相互影響，從而創(chuàng)造出更多有價值的產(chǎn)品。我們希望每個人都有機會去做自己的副業(yè)，不管是創(chuàng)業(yè)想法、興趣愛好，還是其他的什么。我也特別開心，在我作為產(chǎn)品設(shè)計師的成長歷程中能有這樣一次很棒的學習經(jīng)歷。

十、反思

學習產(chǎn)品設(shè)計是一種很棒的體驗。我一直遵循著這樣的建議：與那些會挑戰(zhàn)你并幫助你成長的人一起學習。我的隊友幫助我把最好的一面展現(xiàn)出來，也教會了我很多關(guān)于用戶體驗設(shè)計的知識。INFO 3450 這門課程對理解設(shè)計思維非常有幫助，它通過一種全面的方式結(jié)合了用戶體驗設(shè)計的理論與實踐。我很高興能參加下一門課程（INFO 4400），同時也很榮幸擔任春季人機交互設(shè)計（INFO 3450）的助教。

小組成員：Manan Modi、Ravina Patel、Rachel Zhang、Tia Montgomery

作者：Manan Modi；譯者：吳鵬飛；審核：李澤慧、張聿彤；編輯：徐小淇

原文：https://bootcamp.uxdesign.cc/cocreate-fostering-a-community-of-students-launching-creative-projects-10b4c00c1354

本文由 @三分設(shè) 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash，基于 CC0 協(xié)議

非常感謝您讀完創(chuàng)新互聯(lián)的這篇文章："個人網(wǎng)站怎么制作教程圖片(用dw制作個人網(wǎng)站教程)"，僅為提供更多信息供用戶參考使用或為學習交流的方便。我們公司提供：網(wǎng)站建設(shè)、網(wǎng)站制作、官網(wǎng)建設(shè)、SEO優(yōu)化、小程序制作等服務，歡迎聯(lián)系我們提供您的需求。

分享名稱：個人網(wǎng)站怎么制作教程圖片(用dw制作個人網(wǎng)站教程)
標題網(wǎng)址：http://muchs.cn/news42/321692.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機、電子商務、手機網(wǎng)站建設(shè)、網(wǎng)站維護、網(wǎng)站制作、微信公眾號

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)