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

而這就是來自 Tubik Studio 的iOS 應(yīng)用 Upper APP 能幫你做到的事情：設(shè)定目標(biāo)，規(guī)避干擾，規(guī)劃任務(wù)，達(dá)成目標(biāo)。作為一款效率類的iOS應(yīng)用，Upper APP 在 Product Hunt 網(wǎng)站上獲得了不少用戶的關(guān)注，而今天的文章，我們來分享一下這款A(yù)PP的設(shè)計(jì)過程。

任務(wù)

設(shè)計(jì)適用于iPhone 平臺(tái)的驅(qū)動(dòng)型效率應(yīng)用，保持簡(jiǎn)約，UI/UX設(shè)計(jì)過程采用完整的設(shè)計(jì)周期。

設(shè)計(jì)思路

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

從UX 設(shè)計(jì)視角來看，界面的設(shè)計(jì)應(yīng)該專注于簡(jiǎn)單的交互和直觀的導(dǎo)航，而在UI設(shè)計(jì)的時(shí)候，應(yīng)當(dāng)圍繞著可讀性和視覺層次來做文章，用戶要能夠在任何環(huán)境下都能輕松使用這款應(yīng)用。Tubik Studio 的設(shè)計(jì)師 Ernest Asanov 精通UI的視覺設(shè)計(jì)，在視覺風(fēng)格設(shè)計(jì)上，選取了簡(jiǎn)約而優(yōu)雅的解決方案。

功能選取

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

• APP中所有的功能都是免費(fèi)的
• 使用 Upper Streak Challenge 來驅(qū)動(dòng)用戶完成任務(wù)
• 任務(wù)完成統(tǒng)計(jì)功能
• 簡(jiǎn)單明了的導(dǎo)航
• 輕松添加、刪除和標(biāo)記任務(wù)
• 令人愉悅的動(dòng)畫效果
• 與朋友即時(shí)分享成就

設(shè)計(jì)和布局

交互：整個(gè)APP的功能是圍繞著幫助用戶便捷地創(chuàng)建任務(wù)清單來進(jìn)行的，用戶可以針對(duì)特定的時(shí)間和日期來制定任務(wù)，可以輕松的刪除、標(biāo)記和完成。此外，Upper 會(huì)分析任務(wù)的完成度并且統(tǒng)計(jì)信息，保持用戶更新和完成的動(dòng)力。簡(jiǎn)約的UI設(shè)計(jì)讓排版清晰、可讀，允許用戶在任何環(huán)境下是使用。

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

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

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

友好的導(dǎo)航和微妙的動(dòng)效結(jié)合起來，在不干擾用戶正常使用的前提下，帶來足夠優(yōu)秀的體驗(yàn)，幫助用戶更好地專注于他們的任務(wù)。沒有廣告，沒有障礙，沒有多余的內(nèi)容，沒有讓用戶分心的東西。Upper APP當(dāng)中還提供了簡(jiǎn)單的日歷，便于記錄、統(tǒng)計(jì)。

現(xiàn)在你可以在 App Store 中搜索 Upper APP找到 Tubik Studio 的這款應(yīng)用。

【這些設(shè)計(jì)實(shí)戰(zhàn)同樣來自Tubik Studio】

1. 《富有未來感的柏林之夜APP，是這樣設(shè)計(jì)出來的》
2. 《設(shè)計(jì)實(shí)戰(zhàn)！城市指南網(wǎng)站著陸頁是這樣設(shè)計(jì)出來的》
3. 《這款給醫(yī)生的專業(yè)APP，設(shè)計(jì)上有著怎樣不同的要求？》
4. 《幫你策劃盛大婚禮的APP，設(shè)計(jì)思路是這樣的》
5. 《這款面向大眾的理財(cái)APP，設(shè)計(jì)過程是這樣的》

原文地址：uxplanet
原文作者：Tubik Studio
優(yōu)設(shè)譯文：@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請(qǐng)尊重版權(quán)和譯者成果，轉(zhuǎn)摘請(qǐng)附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

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

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛好者也準(zhǔn)備了貼心的知識(shí)樹專欄。開啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計(jì)導(dǎo)航：國內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備：http://hao.uisdc.com