著名的演說家 Zig Ziglar 曾經說過：“也許你生而為贏，但是想要成為真的贏家，你必須為此而計劃，為此而準備，并且為此而期待。”只有規劃好我們每一天的生活，管理好每一個任務，才能向著成功和更好的未來邁進。關于如何卓有成效工作的書有很多，相關的文章、技巧、工具多不勝數，它們共同的觀點是，好成效，源自于好的規劃。所以，想要明智地分配時間和精力，做出合理的規劃，設定明確的目標，規避干擾，高效地執行，你需要一個可靠的工具，來幫你規劃好所有的待辦事項。

而這就是來自 Tubik Studio 的iOS 應用 Upper APP 能幫你做到的事情：設定目標，規避干擾，規劃任務，達成目標。作為一款效率類的iOS應用，Upper APP 在 Product Hunt 網站上獲得了不少用戶的關注，而今天的文章，我們來分享一下這款APP的設計過程。

任務

設計適用于iPhone 平臺的驅動型效率應用，保持簡約，UI/UX設計過程采用完整的設計周期。

設計思路

效率類應用的競爭是極為激烈的，Tubik Studio 設計團隊是經過深思熟慮之后，才決定著手設計一款效率應用。通常情況下，為了覆蓋盡可能廣的受眾，迎合多樣化的需求，讓產品保持多樣性和個性化，是提升產品友好度的一種設計策略，這樣就得允許用戶選擇喜歡的樣式和特定的功能。當我們在設計 Toonie Alarm 這款應用的時候，就開始思考圍繞這生產力來設計一款應用，它和Toonie Alarm 有著截然不同的設計，并且更加專注于效率和生產力的推動。

從UX 設計視角來看，界面的設計應該專注于簡單的交互和直觀的導航，而在UI設計的時候，應當圍繞著可讀性和視覺層次來做文章，用戶要能夠在任何環境下都能輕松使用這款應用。Tubik Studio 的設計師 Ernest Asanov 精通UI的視覺設計，在視覺風格設計上，選取了簡約而優雅的解決方案。

功能選取

Upper APP 主要功能被定位在代辦事項清單上，也就是我們常說的to do list ，在用戶使用過程中，會專注于任務和完成期限上。這就是為什么它不會包含復雜的功能，不會使用過度的裝飾，也不容易讓人分心。它將只包含時間管理和任務管理的基本功能和元素。

• APP中所有的功能都是免費的
• 使用 Upper Streak Challenge 來驅動用戶完成任務
• 任務完成統計功能
• 簡單明了的導航
• 輕松添加、刪除和標記任務
• 令人愉悅的動畫效果
• 與朋友即時分享成就

設計和布局

交互：整個APP的功能是圍繞著幫助用戶便捷地創建任務清單來進行的，用戶可以針對特定的時間和日期來制定任務，可以輕松的刪除、標記和完成。此外，Upper 會分析任務的完成度并且統計信息，保持用戶更新和完成的動力。簡約的UI設計讓排版清晰、可讀，允許用戶在任何環境下是使用。

常用的按鈕被置于屏幕的底部，大尺寸屏幕下用戶也可以輕松地的點擊到。用戶可以采用不同方向的滑動手勢來刪除和標記完成特定的任務，而核心的信息諸如日期、最近幾天的任務等，都用大寫的、大字號字體置于頂部，整個布局在視覺層次上清晰，同時在細節上保持著高度的一致性。

Upper Streak：這是 Upper APP中原創的功能，它是用來驅動用戶不斷完成任務的挑戰，提升任務的總體完成度、提升用戶效率、挖掘用戶潛力。Streak 挑戰將會記錄用戶完成任務的時效周期，并且通過計算提出評估數值，讓你可以通過不停地完成任務來完成成就，驅動你前進。這種類似游戲化設計的策略，增加了用戶組織和完成任務的動力。

色彩和風格：整個APP的UI布局優雅、簡約，目的是為了創建出高效可執行的功能，以及直觀可用的導航。更重要的，它為用戶提供了幾種可供選擇的配色主題，內置的黑色系、白色系和紅色系三種配色主題覆蓋了多數用戶的偏好需求。目前所推出的Upper App還處于早期階段，僅僅只有黑色系一種主題。下一次大版本更新之后，你將會看到之前所說的三種主題。

友好的導航和微妙的動效結合起來，在不干擾用戶正常使用的前提下，帶來足夠優秀的體驗，幫助用戶更好地專注于他們的任務。沒有廣告，沒有障礙，沒有多余的內容，沒有讓用戶分心的東西。Upper APP當中還提供了簡單的日歷，便于記錄、統計。

現在你可以在 App Store 中搜索 Upper APP找到 Tubik Studio 的這款應用。

【這些設計實戰同樣來自Tubik Studio】

1. 《富有未來感的柏林之夜APP，是這樣設計出來的》
2. 《設計實戰！城市指南網站著陸頁是這樣設計出來的》
3. 《這款給醫生的專業APP，設計上有著怎樣不同的要求？》
4. 《幫你策劃盛大婚禮的APP，設計思路是這樣的》
5. 《這款面向大眾的理財APP，設計過程是這樣的》

原文地址：uxplanet
原文作者：Tubik Studio
優設譯文：@陳子木

本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備：http://hao.uisdc.com