這個幫你改善睡眠的APP，是這樣設(shè)計出來的

2018-05-31 14:08:45 閱讀 246651 本文來源：Tubik Studio

分享至：

現(xiàn)代人對于健康越來越重視，而移動端APP 在這方面為用戶提供了多種多樣的幫助。無論是系統(tǒng)化的健身應(yīng)用，還是卡路里計算器，飲食日記，運動提醒，用戶可以借由多種不同的渠道和方式來保持健康的生活和良好的體型。今天，我們想分享一個全新的UI設(shè)計實戰(zhàn)：幫助用戶更好睡眠的應(yīng)用 Slumber 的UI設(shè)計的過程。這個項目被分配給我們的主力UI/UX設(shè)計師 Ernest Asanov，之前他還負責過 Vinny’s Bakery 和 Home Budget 兩個著名的設(shè)計案例，想必你還記得。

項目概述

為了幫助用戶獲得更好的睡眠，設(shè)計一個移動端應(yīng)用和相應(yīng)的UI界面。

處理過程

Slumber 這個應(yīng)用其實是多個功能的集合，能夠幫助用戶通過聆聽和冥想等多種方法緩解睡眠和放松等多方面的問題。應(yīng)用中的睡眠音軌收集了一系列幫助用戶在完善放松和提升睡眠質(zhì)量的音頻素材。在這個項目當中，設(shè)計師的任務(wù)也很清晰：

·設(shè)計清晰直觀的導(dǎo)航：APP 的目標是讓用戶得到放松，而不是花上幾個小時從一屏切到另外一屏來回翻看。

·界面要足夠視覺化，讓用戶保持愉悅的心情。

·可讀性要高，動畫要引人入勝，交互要簡單直觀。

主界面

主界面的色彩和背景主要是基于功能和用戶的使用場景來設(shè)計的，由于多數(shù)情況下用戶是在晚上使用這一應(yīng)用，所以需要傳遞出夜晚柔和的氛圍。所以在 UI界面要使用深沉的色彩，時尚的風格和圖形化的元素能夠讓人感到愉悅。

主界面將會包含最新的助眠音軌和最流行的播放列表。底部的標簽欄會將用戶導(dǎo)向到 APP 的核心功能區(qū)域，也就是主頁、資源庫和個人頁面。由于這款 APP 的目標受眾非常廣泛，其中許多用戶不乏技術(shù)素養(yǎng)相對比較低的普通用戶，因此設(shè)計師需要將應(yīng)用的易用性和可理解性提升到一個非常高的層面，通過明確的導(dǎo)航和簡單的界面讓每個用戶都能夠輕松使用。