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

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

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

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

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

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

我在項(xiàng)目中擔(dān)任的角色：UX 設(shè)計(jì)師、用戶研究員。

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

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

圖2、申請(qǐng)加入一個(gè)副業(yè)項(xiàng)目

一、核心問(wèn)題

核心問(wèn)題— 作為一名學(xué)生，當(dāng)我想從事一個(gè)副業(yè)項(xiàng)目，往往需要一群擁有各種技能的人來(lái)合作，這樣才能擁有合適的團(tuán)隊(duì)和人力資本，來(lái)完成這個(gè)項(xiàng)目。然而，要做到這一點(diǎn)往往很困難：

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

我們?cè)L談了幾位從事過(guò)副業(yè)項(xiàng)目的康奈爾大學(xué)學(xué)生，并得到了一些關(guān)鍵的洞察。

1）學(xué)生們?cè)陂_(kāi)始從事副業(yè)的時(shí)候通常會(huì)在自己的朋友圈子中尋找熟悉的人—— 而這往往會(huì)限制他們無(wú)法找到潛在的優(yōu)秀團(tuán)隊(duì)成員。

“主要是通過(guò) Facebook 聯(lián)系朋友，但也會(huì)想找其他隊(duì)友”“找隊(duì)友時(shí)先問(wèn)朋友”

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

“喜歡團(tuán)隊(duì)的感覺(jué)……能和大家一起學(xué)習(xí)”“不在乎項(xiàng)目是否盈利 —— 更在乎學(xué)習(xí)”“想學(xué)習(xí)新技術(shù)并愿意學(xué)習(xí)新工具”“主要激勵(lì)我的是能學(xué)習(xí)新技能”

3）學(xué)生們希望團(tuán)隊(duì)成員是可靠的：善于溝通且具有良好的時(shí)間管理能力。

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

4）學(xué)生們會(huì)根據(jù)他們將要開(kāi)展的項(xiàng)目所需技能去尋找其他的學(xué)生。他們希望合作伙伴能有過(guò)人技能，從而使項(xiàng)目更易成功。

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

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

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

四、用戶畫(huà)像

我們根據(jù)上面的親和圖擬定了一個(gè)名為 “James” 的用戶畫(huà)像，以反映我們?cè)谟脩粽{(diào)研中得到的洞察。

1. 明確用戶目標(biāo)與需求

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

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

經(jīng)過(guò)團(tuán)隊(duì)的一番頭腦風(fēng)暴，我們將可能且可行的解決方案提煉為六個(gè)不同的機(jī)會(huì)點(diǎn)：

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

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

因?yàn)槲覀円呀?jīng)開(kāi)始提煉頭腦風(fēng)暴得到的想法，并將其設(shè)想為實(shí)際的解決方案，所以評(píng)估了目前市場(chǎng)上的各種解決方案。

六、市場(chǎng)調(diào)研

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

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

案例：Nomad 項(xiàng)目、Collaborizm、Quaranteam

第二種：訓(xùn)練營(yíng)具有排他性，沒(méi)有低準(zhǔn)入門(mén)檻限于短時(shí)間內(nèi)，且較倉(cāng)促的項(xiàng)目進(jìn)程，不適合長(zhǎng)期研究

案例：Origin、BKYD、Hackathons

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

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

案例：CuELinks、LinkedIn

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

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

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

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

CoCreate 解決的四個(gè)主要任務(wù)：

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

圖1、請(qǐng)求加入副業(yè)項(xiàng)目頁(yè)面

圖2、社區(qū)互動(dòng)頁(yè)面

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

圖4、為自己的項(xiàng)目招募合作伙伴

信息架構(gòu)：

紙面原型：低保真草圖

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

用戶反饋：

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

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

“社區(qū)互動(dòng)” —— 評(píng)論界面：

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

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

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

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

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

中保真原型：

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

目標(biāo)和指標(biāo)：

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

可用性測(cè)試：

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

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

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

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

（2）用戶在與個(gè)人和他們的個(gè)人資料互動(dòng)時(shí)遇到了困難

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

（3）用戶對(duì)于訂閱項(xiàng)目類別感到困惑

解決方案：增加了更多的用戶反饋，當(dāng)點(diǎn)擊圖標(biāo)時(shí)，清晰地顯示出一個(gè)類別已被訂閱，并告知用戶訂閱的類別將被添加到 “你訂閱的類別 “中，并使項(xiàng)目組件在此頁(yè)面和主頁(yè)時(shí)保持一致。

高保真原型：

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

CoCreate 海報(bào)展示

最后，我們的團(tuán)隊(duì)一起為產(chǎn)品制作了一張海報(bào)！我們?cè)谡n程中向 200 多名學(xué)生展示了這張海報(bào)，其中包括 40 多個(gè)團(tuán)隊(duì)的成員，這為我們整個(gè)項(xiàng)目提供了更宏觀的概覽。

八、未來(lái)的方向

當(dāng)然，我們不可能在一個(gè)學(xué)期內(nèi)完成所有的內(nèi)容，但我為我們團(tuán)隊(duì)所作的成果感到驕傲，我相信 CoCreate 在未來(lái)有巨大的發(fā)展機(jī)會(huì)。如果未來(lái)時(shí)間允許的話，我們準(zhǔn)備下一步添加以下的功能。

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

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

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

十、反思

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

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

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

分享名稱：個(gè)人網(wǎng)站怎么制作教程圖片(用dw制作個(gè)人網(wǎng)站教程)
標(biāo)題網(wǎng)址：http://bm7419.com/news42/321692.html

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

廣告

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