一位 Shopify 的設計師在 Medium 上啟動每周 redesign 一個 app 的計劃，一位前端工程師想要學習 Ruby on Rails 于是在十二周時間里每周完成一個小軟件并做成視頻教程發(fā)表出來蝗羊。陸續(xù)地胆建，開始看到不少國內外的設計師/程序員/產品經理也開始了自己的每周挑戰(zhàn)。
這么有趣的事情我也是要參與一份的肘交。所以笆载，從現(xiàn)在開始的二十周里我決定每周完成一個 redesign 或概念設計，領域以用戶界面為主涯呻，不限于交互凉驻、視覺。并且將設計思考在每周末晚更新到我的各個社交平臺上复罐。希望在完成這個挑戰(zhàn)的期間：
保持好奇心和堅持性涝登，將課程、項目中的經驗和平時的想法轉化成實踐效诅。
能獨立用英語寫每次的設計思考胀滚，而不再是由中文翻譯過去趟济。
下面是第一周的設計：
Sleep Cycle 是一款能夠監(jiān)測睡眠質量的應用，曾經達到 App Store 美區(qū)的 2013 年度付費應用排行榜的前十咽笼。晚上睡覺的時候打開應用顷编、將手機連接充電器并放在枕頭隔壁，Sleep Cycle 就會把睡眠質量記錄下來剑刑，并以「醒著」媳纬、「睡眠」、「深度睡眠」三個維度施掏、以折線圖的方式記錄下來钮惠。
iTunes App Store 中的「Sleep Cycle」
除了監(jiān)測睡眠質量外，它還有一些特色功能：
如果設置鬧鐘七芭，能在監(jiān)測到自己接近醒來的時候提前叫醒自己素挽，防止在深度睡眠時被叫醒，影響白天的精神狸驳。
在數(shù)據頁面中毁菱，能以橫屏的方式、柱狀圖或折線圖展示不同時間段的睡眠數(shù)據锌历。
帶有心率監(jiān)測功能贮庞，并且可以統(tǒng)計對生活習慣對睡眠質量的影響（需要一定樣本量）。
鬧鐘交互的思考
Sleep Cycle 的「提前喚醒」功能相信是最實用也是最有特色的究西。如果我們在深度睡眠時被叫醒窗慎，白天的精神狀態(tài)可能會比較糟糕。而 Sleep Cycle 則將睡眠質量監(jiān)測和鬧鐘結合起來卤材，當監(jiān)測到自己從深度睡眠狀態(tài)中退出遮斥、接近醒來時，便提前喚醒使用者扇丛。想稍微賴床的時候术吗，只需要稍微碰一下手機，鬧鐘便關閉帆精，直到最后一次鬧鐘開啟较屿。
對比普通鬧鐘，我們通常有兩種方式：
設定多個鬧鐘卓练。
設定一個鬧鐘隘蝎，在賴床時不斷延遲鬧鈴時間。
而 Sleep Cycle 給出的方案是襟企，提前響鈴嘱么，直到最后一次鬧鐘，最后只能選擇關閉顽悼。
Sleep Cycle 利用數(shù)據進行提前喚醒固然很好曼振，但在正式鬧鐘響起時只能關閉几迄、無法繼續(xù)延遲，這容易發(fā)生嚴重誤掉起床的情況冰评。這個情況映胁，也是 Sleep Cycle 在 App Store 用戶評論區(qū)收到負反饋最多的問題。
帶來這個問題的主要原因是在最后一次鬧鐘無法延遲集索、只能關閉屿愚。我們有兩個特點可以運用：
1.關閉提前鬧鐘的交互動作是觸碰手機汇跨，而在正式鬧鐘響起時务荆，我們可以用不同的交互動作進行延時。
2.既然 Sleep Cycle 的監(jiān)測睡眠功能可以知道用戶將要醒來穷遂，那么它也能夠知道用戶將要進入睡眠—— 在正式鬧鐘響起進行延時函匕，應用依然處于運行狀態(tài)。
因此蚪黑，我?guī)淼慕鉀Q方案是：在正式鬧鐘響起時可以通過點擊按鈕進行延時盅惜，當用戶將要重新進入睡眠時，再次鬧鈴忌穿。
重新設計數(shù)據展示方式
Sleep Cycle 除了在睡眠監(jiān)測狀態(tài)下抒寂，最主要的功能便是數(shù)據展示。在數(shù)據頁面掠剑，普通的豎屏模式展現(xiàn)每天的睡眠質量屈芜，橫屏模式則展現(xiàn)在不同時間段的多個數(shù)據情況。
但是朴译，數(shù)據展示方式存在的問題較多：
在普通模式井佑，重點數(shù)據不突出，用戶獲取關鍵信息比較困難眠寿。
在橫屏模式躬翁，時間段繁雜，「每周」盯拱、「十天/三個月/全部」被分隔成兩個頁面盒发，對應的柱狀圖、折線圖沒有規(guī)律（有的數(shù)據只有柱狀圖狡逢、有的數(shù)據在長時間段時才出現(xiàn)折線圖）迹辐。
數(shù)據分類不清晰。
可以看出甚侣，數(shù)據的主要記錄形式是數(shù)字明吩，并混雜有一些文字、時間點殷费、時間段印荔。
所有的「數(shù)字」數(shù)據低葫，都可以根據不同的場景，以數(shù)字仍律、柱狀圖嘿悬、折線圖的方式展示。而針對 Sleep Cycle水泉，除了睡眠質量圖表善涨，最主要的就是睡眠質量和睡眠時間。
被重新設計的數(shù)據展示方式草则，成為了應用的主頁钢拧，原先的鬧鐘、設置都通過按鈕來打開炕横。
在普通模式下源内，關鍵數(shù)據被突出，直接以條形圖展示份殿，并可以直觀對比平均數(shù)膜钓。
在橫屏模式下，所有數(shù)據被分為「每周」卿嘲、「每月」颂斜、「所有」三個時間段；數(shù)據類型在左側列表中切換拾枣。
左右翻頁對應著該時間區(qū)間的前后區(qū)間沃疮，橫屏模式和普通模式保持統(tǒng)一（比如在普通模式便是前/后一天，在橫屏模式便是前/后一周放前、前/后一月）忿磅。
并且，將數(shù)據頁面作為主頁凭语，打開應用便可以通過切換手機握持方向來查看數(shù)據葱她，不再需要讓當前頁面停在數(shù)據頁面時才能觸發(fā)橫屏模式。
鬧鐘時間設定的改善
針對周末似扔，Sleep Cycle 可以關閉鬧鐘吨些，只記錄睡眠質量數(shù)據。這個「自然醒」的設定炒辉，原先需要到設置中進行設定豪墅。這是一個貼心的功能，因為并非每天都需要一個固定的鬧鐘黔寇，監(jiān)測睡眠質量才是 Sleep Cycle 的核心偶器。
而是否選擇關閉鬧鐘，我認為并不需要預先設定好，關閉鬧鐘的日期也不應該在設置頁面中才能調整屏轰。
并且配合應用主頁的調整颊郎，我將鬧鐘時間設定的界面進行了重新設計。在鬧鐘時間設定的界面中霎苗，我們就可以選擇是否關閉鬧鐘姆吭。
整合的設置頁、使用引導頁
設置頁并非 Sleep Cycle 的常用功能唁盏，而使用引導頁在學會操作后更是沒有再次打開的理由内狸。將設置頁作為基礎頁面并不舒服，將以文字為主的使用引導頁作為基礎頁面更是不太合理厘擂。
配合主頁的調整，使用引導頁被整合到設置頁中驴党，而設置頁將作為拓展按鈕被放置在主頁的右上角瘪撇。
本文系 Weekly Design Challenge 系列获茬，第一周
Click here to see the English version.
