上一遍文章我們講了 WooCommerce O2O 網站如何實際詳情請了解：《如何設計 WooCommerce O2O 網站》，裡面提到了五線譜的設計方法，今天我們就來說說如何使用，在平時的設計方案中如何更好的運用五線譜，讓多使用者體驗更提升一個等級！

如果說我們做的業務終輸出的是一歌，那我們設計師就是歌曲的編曲者。產品和運營進行歌曲本身的創作，我們設計師在瞭解了歌曲主題、聽眾是誰之後，選擇樂器進行編配，終輸出一個編曲 DEMO，由工程師進行錄音、均衡和輸出。我們的設計過程應該如音樂創作一般美好～

WordPress 網站建設覺得多使用者行為就像音樂一樣，是連續的，以往網際網路設計只針對一類觸點比如 PC 端的某套系統、無線端的某個 WordPress APP，而透過制定 DPL，也可以將跨實體觸點的數字觸點保持在體驗上的連續和一致性。但 WooCommerce O2O 中隨著多使用者行為在不同場景的切換，單獨對一類觸點進行分析去設計是不完整甚至是割裂的。

我們下面就以一個通俗的例子來詮釋這種方法。

有個男孩為了追求自己心儀的女孩，希望透過做親自為她做飯的形式提升女孩對她的好感度，在這裡業務方就是男孩，多使用者就是女孩。

根據業務訴求，為了讓我心儀的女生感覺我重視她，為她親自做一頓晚餐，使我們有更多時間相處並且她對我產生好感，和多使用者訴求，一位文藝、日系的單純女生，對浪漫戀情還有嚮往，希望身邊的人與出入場所都有文藝氣質，內心的聲音是成為蒼井優一般的文藝女神。我們推匯出了這次的設計目標是 “讓她感覺我重視她、相處時感到舒適，將自己打造成日系無公害暖男，晚餐整體（菜品、環境）的文藝浪漫氣息” 。 然後我們梳理出在 “邀請女孩到家就餐” 的過程中，她的行為是 “收到邀請—接受邀請—到訪家中—等待晚餐—共享晚餐…”，在接受邀請的一步屬於主動行為，我們先將其標紅星，很遺憾在業務層面男孩子沒有能力將女孩的偶像請來共進晚餐，我們只能透過設計的力量去加強主動行為的轉化；各個行為對應的地點與觸點，也就是前期在產品運營層面（即男孩）已確定的多使用者行為觸點分別為 “WordPress 微信—家的玄關—客廳及相關配套—晚餐及相關配套—WordPress 微信”，過程中觸點有四種變化，這樣的情況我們就可以用 “五線譜” 的方法對各個觸點進行設計推導。地點的維度幫助我們瞭解多使用者觸點所在場景，輔助我們進行設計方案的發散。這裡我們把兩個在過程中的常量，多使用者與設計目標作為指導，不同觸點的設計關鍵點的考慮，都圍繞著多使用者與設計目標展開，以保證整體設計方向。

下一步我們就可以針對每一步多使用者行為，結合地點與觸點特性進行設計策略與方案的發散。以 “收到邀請—接受邀請” 這兩個行為為例。地點與觸點均一樣，我們使用同一套設計策略（在地點與觸點型別相同或性質類似的連續行為下可使用同一套設計策略）。先分析行為，接受邀請是主動行為，由於男孩在業務層面沒有進行強化，我們需要用設計喚起女孩 “男生無害，晚餐有趣” 的感受，能激勵她接受邀請；然後分析行為地點，使用 WordPress 微信接受邀請可以在任何地點，為顯得 “男生無害”，我們可以進行地點的假設，是在一個 “在有安全感的、舒適的地方” 女孩更容易接受邀請；再進行觸點的分析，“WordPress 微信自帶各種溝通輔助工具如表情包、照片、視訊、位置、分享等” 。
所以輔助設計推導的思考過程為:

– 女孩在（有安全感、舒適）的地方

– 利用（WordPress 微信以及其自帶溝通輔助工具如表情包、照片、視訊、位置、分享等）的觸點

– 做（收到邀請與接受邀請）的多使用者行為

– 為讓多使用者體驗達到（讓她感覺我重視她、我是日系無公害暖男、相處感到舒適）的目標

– 考慮到（讓她感到我無害、約會有趣）的轉化關鍵點

推匯出的設計策略為: 選擇多使用者有安全感與舒適的地點與時間，利用 WordPress 微信中可體現無害、溫暖的視覺元素，使用日系風格照片、分享等工具體現對約會重視程度以及展示個人魅力。

設計方案是針對具體物件進行具體設計，即為：

– 在晚上 8 點至 10 點間發起聊天（即假設女孩在家）；

– 聊天語氣溫柔，使用兔斯基表情；

– 向對方展示自己曾經的廚藝作品使用日系風格濾鏡;

– 傳送用 MAKA 製作的精美邀請函；

– 對方接受邀請後表示開心；

– 用位置傳送家庭地址，給女孩出行建議；

– 提示她早點休息，給她分享一安靜的輕音樂；

女孩到訪男孩家後的有連續行為 “到達家中—等待晚餐—共享晚餐—離開”，觸點都是實體，地點都是在男孩家中，因此我們可使用一套設計策略，這些連續行為下女孩的感受，會合力影響到下一個多使用者行為 “女孩再次收到邀請與接受”，轉化的關鍵點在於女孩在整個合力行為的過程中感到 “放鬆、感動” 。因此在這個過程的設計中需要反覆關注到女孩這種感受。所以結合設計目標、地點、觸點特性，在這幾步多使用者行為，推導的設計策略就是，“在女孩的觸點，視覺、聽覺、觸覺、嗅覺等多方面針對女孩日系的喜好進行設計，讓女孩感受到放鬆與舒適，同時在女孩觸點表現出家庭型文藝暖男氣息”，再進一步推導的設計方案，例如在 “等待晚餐” 時，地點在客廳，觸點是 “沙發、茶具、水果、糖果等招待相關”，設計方案則是 “沙發與茶几整潔乾淨，準備亞麻質感靠墊；準備日系茶具、果盤，水果擺放精美；為她泡一杯日式抹茶；茶几錯落放幾本文藝書，其中一本為正讀狀態；播放小野麗莎音樂；提示女孩可使用的服務比如電視、 IPAD 等”