中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導語：如何為初創公司進行官網設計？這需要設計團隊針對初創企業自身特點做好預算管理、風格設計、形式呈現等方面的打算。本篇文章里，作者結合實際案例，總結分享了她設計初創公司官網的歷程與收獲，一起來看一下。

BeeScientific 是一家初創公司，旨在幫助不同水平的養蜂人通過生產、創新營銷以及易于使用的蜂箱，使他們的蜂群更加強壯和高效。

一、主題?The Problem

“改進并使之現代化”。客戶希望對初創公司官網的設計和功能進行全方位的調整?。BeeScientific原本是客戶的一個實驗性項目，但客戶現在打算把這個小型副業變成一個專業的企業。我們接到的需求是建立一個時髦的網站，向目標受眾推薦產品。

二、挑戰?The Challenges

作為一個初創企業，客戶的設計預算很低。更糟的是，我們沒有對預算進行太多的調研和測試?。我無法控制預算，只能充分利用好時間。

隨著業務的發展，我所設計的官網只是漫長征途中的第一步。因此對于開始階段，并沒有太多的用戶流程。我的一部分工作就是創建一個能夠支撐未來發展的框架。對于網站，我以擴展性和變化性為核心，盡可能在調整階段不影響用戶的使用。

職責。我作為UX/UI設計師與多職能團隊合作，和開發部門進行溝通協作，從而解決出現的問題。通過調研和采訪，我熟悉了養蜂行業。我撰寫和編輯文本，建立新的品牌形象，設計了商標。我設計官網線框圖，收集用戶反饋并進行迭代。

三、最初階段?Getting Started

熟悉蜜蜂的生活特性。我先與客戶進行了深入的訪談，詳細了解養蜂行業以及商業宗旨和目標??？蛻粝ＭN不同類型的買家：養蜂愛好者、授粉需求者和蜂蜜生產商?。

客戶還沒有大規模地生產產品，因此該網站應側重于提供信息：

1. 提高瀏覽者對產品的興趣；
2. 吸引潛在投資者。

下一步，重點將擴大至向個人和經銷商銷售蜂箱?、配件和服務?。

我會見了開發部，我們一同敲定了截止日期和目標日期的時間表。在這個過程中，我們彼此之間和客戶之間都保持著穩定的聯系?。

用戶訪談?。接下來，我想了解實際使用產品的用戶的內部信息，所以我與當地的幾個養蜂人進行了交談?。Langstroth ?蜂箱 ——一種垂直堆疊的模塊化蜂箱，是傳統設計。與我交談的每個人都使用這種蜂箱。許多人熟悉它，認為它是行業標準，除了 Langstroth 之外并不考慮其他產品。

養蜂人的主要煩惱在于，只是保持他們的蜜蜂活著就非常困難了。他們投資了很多錢來起步，并希望他們的蜂群能夠生存下去。但問題總是出現，比如害蟲和螨蟲入侵他們的蜂巢，他們的蜂群飛走，以及用笨重的設備采蜜的困難性。我還了解到養蜂人非常關心周邊環境和日益減少的蜜蜂種群?。

當我開始編寫和組織文本的層級?、位置和順序時?，這些信息對我來說是非常寶貴的。為了吸引消費者嘗試新的蜂巢類型，我需要強調該產品如何解決他們的蜂巢問題并提升他們的養蜂方式?。

四、官網分析和構思?Website Analysis and Ideation

深度分析。我盡可能多地收集研究資料，深入研究原網站的內容和設計，復查改進的機會。

• 客戶希望對網站的整體外觀和氛圍進行全面更新?。黃黑相間的蜜蜂商標與棕褐色和海軍藍的主色調相沖突。商標設計和字體選擇也顯得過時了。
• 導航菜單欄太小了，很難找到?？蛻舭才诺牡卿浌δ芤膊]有被用戶所使用。
• 頁面上的互動標識太小了，而且在圖片中被忽略?。他們需要更明顯地展示出來。
• 圖片需要更好的排版?，文本需要更有層次感。文字太小了，無法吸引人們閱讀。
• 這些版塊并不適合放在這個位置，也沒有很好地推廣產品?。其中兩個版塊是可以點擊的，另一個版塊則會跳轉到一個主菜單中都找不到的新頁面。這個新頁面給出了關于產品的詳細信息，是最重要的頁面之一。

五、初步草圖? Preliminary sketches

低保真線框圖?？偨Y出一些必要的調整后，我開始為新的設計進行構思。

我需要讓開發人員了解這個項目所涉及的內容和復雜程度，以便他能夠制定相應的計劃。我草擬出一些完成任務所需的頁面、媒體和鏈接，并與他就項目所需進行了溝通。

初步的草圖

網站有四個主要頁面：首頁、產品頁、介紹頁和投資或聯系頁?。雖然功能相當簡單，但需要傳達很多信息給用戶。事實上，這些頁面都充滿了長文本，沒有太多的變化和引導。

我希望我的設計能夠幫助用戶關注到頁面的各個部分。我在每個部分都添加了交互模塊，促進用戶探索更多的信息?？蛻粲幸粋€圖片和視頻庫，但沒有被很好地展示出來。我選擇了現有的最高質量的圖片和視頻，將它們協調地擺放于頁面，并配有描述性的標題和查看更多信息的按鈕。

六邊形是養蜂業的一個標志性形狀，所以我用尖角、直線和基礎形狀創造了一種幾何感，來增強視覺效果。為了使網站整體視覺一致，我使用了同一種字體，標題和正文采取了不同的粗細程度。

我始終將這個網站作為公司發展的框架?。隨著時間的推移，網站將新增和擴展業務，包括結賬流程、更多的產品頁、服務選擇，甚至可能包括社交媒體或博客功能。我創建了主菜單，并將業務排版成未來能夠輕松添加內容的方式。

客戶希望開發一個應用程序供用戶下載，但這還不在當前的計劃之內。我做了一個響應式的設計，在任何屏幕尺寸下都能很好地呈現網頁?。

響應式網頁設計

低保真線框圖

我把我的設計發給了開發人員，解釋了使用流程并回答了對方的問題。接下來由開發人員開始構搭建網頁框架。

六、遣詞造句?Wordsmithing

關鍵的是方式，而不是內容。網頁上有很多信息文本。利用我從養蜂人那里學到的知識，我撰寫了簡潔的標題，以吸引用戶的關注。我精簡了句子，濃縮了段落信息，并用標題分割了文本，使文本變得易讀，易理解。

我將“介紹”頁的文本改為第三人稱敘述，講述客戶如何提出想法并將其落實的故事。但是，這種敘述語氣與網站的其他文本并不匹配，而且客戶認為這并未展現他所追求的專業性，所以我把文本改回第一人稱敘述。

七、反饋和建議?Feedback and Pivot

設計審查。作為一個設計師，得到他人的意見是很重要的?，可惜的是，這個項目沒有進行用戶測試的條件。

不過，我還是把我的線框圖給同事們進行審查，得到了一些有價值的反饋。

客戶希望該網站優先為消費者提供信息。基于這個目標，我在導航菜單上沒有為投資頁設置鏈接，而是在主頁的主體和頁腳設置了鏈接。我收到了幾條反饋，說這些鏈接很難理解。雖然這不一定是主要目標，但還是需要避免混淆。

我已經反復閱讀了太多的文本，很難用全新的眼光去看待它。我收到一個想法，于是試著從文本中提取一些信息，從視覺上強調突出的要點。

雖然在設計過程中我已經考慮了留白，但它仍然顯得文字擁擠。我增加了更多的留白，并在整個網站上分割了幾個段落，讓文字和圖片有了更多的空間?。

有人向我建議將其中一個視頻移到產品頁的頂部。我認為這是一個很好的想法，通過給用戶一些可以立即點擊的東西來吸引他們注意到產品信息。

在做了這些改動之后，我把我的設計交給客戶審批，并與開發人員溝通我們的項目進展，確認了即將到來的截止日期。

八、設計實現?Bringing It All to Life

高保真線框圖。最后，是時候添加顏色并將設計實現了。

我考慮過使用黑色和黃色的主色調方案，這是非常有標志性的蜜蜂顏色。但是，這些顏色很刺眼，而且與產品的圖片相沖突，這與我想達到的效果恰恰相反。

我也喜歡客戶選擇的海軍藍，在與他商討顏色后，他同意使用藍色調。考慮到精簡用色?，我把海軍藍和類似的藍紫色搭配在一起?。

六邊形是蜂箱的一個代表性形狀，尤其體現在產品上，我已經在網站設計中使用了六邊形。所以在設計商標時，我繼續以六邊形為主題進行變換。我力求商標簡單又獨特。我使用了與網站主體相同的銳角形狀。我還想要商標具有擴展性和辨識度。為了象征蜜蜂，我在六角形上添加了很多種類蜜蜂都有的兩路條紋。

風格指南和商標設計

我把風格的調整落實到我的低保真線框圖上。在第二輪設計審查后，我做了一些細微的調整，比如修改文本對齊方式和移動文本字段標簽。

高保真線框圖

在項目后期和線框圖的編輯過程中，我與客戶進行了溝通，根據客戶需求進行了修改。在移交給開發部門時，我解釋了我的設計并解答了他們的疑惑。在接下來的一個月里，我繼續與開發人員合作，解決出現的問題，并確保設計稿能落實到產品。

高保真響應式設計

九、收獲?Lessons Learned

我喜歡和初創公司合作。我很享受參與到公司發展之中。我學到了很多關于蜜蜂的知識，我覺得我已經準備好擁有自己的蜂箱了。

我曾經急于提升業務，但我知道，一個公司的發展速度取決于它的能力。

例如，我很想做一個結賬流程，讓消費者直接通過客戶的網站購買產品。但是，客戶還沒有準備好相應業務。我不得不控制我的計劃和預期，以滿足客戶最看重的商業目標。用戶永遠是體驗設計師的首要服務對象，但前提是你要實現既定的商業目標。我期待繼續和這個公司合作，期望看到公司未來的良好發展。

我覺得我對于響應式網頁設計的能力得到了極大的提高。有非常多不同的屏幕尺寸被各類消費者使用。如果你不設計好應對屏幕變化的方案，網站很可能看起來雜亂無章和難以使用，這對用戶來說是一個巨大的使用障礙。我學到了很多關于留白的使用，以及留白在不同設備上的呈現效果。我通過試驗和失敗總結以及在盡可能多的設備上檢查我的設計，獲得了留白的使用經驗?。

在這個項目中，我見證了設計和開發高效合作下創造的產品。協作、共識和開放的溝通都是我們團隊的日常?，這也體現在最終的產品中。

這是我第一次作為獨立用戶體驗設計師的任務，這讓我擔憂又興奮。我覺得這次重新設計提升了我的能力，并讓我的設計信心得到增長。我自在地以任何方式安排我的工作流程，我喜歡學習最優且最有效的工作方式。

十、未來發展?Moving Forward

這家公司有很大的發展空間。公司潛力是無限的 !

1. 結賬流程和服務管理

一旦企業能夠生產和銷售產品，增加結賬流程將是下一步。

設計的一個重要考量是合理預估安排訂單和配送的時長?。由于這是一個較為復雜的流程，我想確保這個時間橫跨流程的前中期，以便用戶調整心理預期。未來還有機會向消費者提供每月服務。這個功能需要進行調研和測試，從而確保它能為用戶提供妥善的服務。

2. 社交互動和聯通

客戶的發展目標之一是創建一個養蜂社群，養蜂人們能收到新聞月報，甚至可以相互交流。我很想深入了解這個業務，看看會有什么機會點。根據我的觀察，養蜂人們通常很關注蜜蜂，并喜歡與他人討論蜜蜂。網站將成為養蜂人互動的社群，而不僅僅是一個購買產品或服務的地方。

本文翻譯已獲得作者的正式授權（授權截圖如下）。

作者：Camille Thomas

原文：https://bootcamp.uxdesign.cc/ux-case-study-website-redesign-for-a-startup-business-39b4905301b2

譯者：曹競羽；審核：劉倩茹、李澤慧、張聿彤；編輯：孫淑雅

本文由@TCC翻譯情報局 翻譯發布于人人都是產品經理，未經許可，禁止轉載。

題圖來自 Unsplash，基于 CC0 協議