孫海鴻 董依穎 陸 穎 上海工程技術(shù)大學(xué)

引言

在當(dāng)今時代這個信息速度高速流通,科技網(wǎng)絡(luò)呈現(xiàn)出極速發(fā)展的時代。 由于手機的發(fā)展趨勢極快直接導(dǎo)致每個人日常生活和通訊工具離不了手機。 我們在手機上獲得各類好處和便利的同時,他也給我們帶來了一個巨大的隱患——注意力難以集中。 同時,長期玩手機會造成生理和心理上的一定的傷害。 因此,智能時間管理類APP 應(yīng)運而生,通過“排除不必要的干擾”作為設(shè)計切入點,個性化的智能時間管理APP 的界面設(shè)計是十分重要的。

1 時間類管理APP 界面設(shè)計原則

1.1 對用戶的個性化分析

智能時間管理類APP 能讓用戶成為APP 的制作者之一,根據(jù)APP 內(nèi)已設(shè)定的內(nèi)容,可以使用戶自主完成部分設(shè)計,同時用戶也可以根據(jù)自己的日程與時間安排進行自主設(shè)置。 在相關(guān)設(shè)置中,一些設(shè)置具有改變整體風(fēng)格的功能,用戶可以根據(jù)自己的喜好設(shè)置背景和風(fēng)格。 這樣的操作,可以抓住用戶追求個性化的心理特點,吸引更多用戶前來使用。

1.2 智能化

進過各種分析調(diào)研各類手機用戶,得知大部分用戶在使用手機APP 應(yīng)用時,主要遵循以下兩種類型的邏輯:

(1)經(jīng)驗性特征。 眾所周知,人類認(rèn)知活動的基礎(chǔ)就是身體經(jīng)驗。 用戶會根據(jù)自己以往使用APP 的經(jīng)驗來判斷一些圖標(biāo)的具體位置以及應(yīng)有圖標(biāo)的大致種類。

(2)易操作性特征。 一個APP 的界面設(shè)計過于費腦、復(fù)雜則會給使用此APP 的用戶帶來煩躁與挫敗之感,不利于用戶對這個APP 好感度的提升。往往一個操作較為簡單,容易上手的APP 則會傳播的更加廣泛,用戶駕馭APP 的成就感越高,使用率就會越高。 應(yīng)用程序不僅需要良好的視覺表現(xiàn),還需要流暢、完美的互動體驗,并能在短時間內(nèi)掌握這款應(yīng)用的使用邏輯。 同時,界面設(shè)計也需要緊跟趨勢,不斷更新,產(chǎn)出符合大眾審美的作品與內(nèi)容。

1.3 風(fēng)格化

風(fēng)格化的內(nèi)容包含很多,以色彩為例,不同色彩的選擇可以刺激著用戶的感官,以激發(fā)出其自身內(nèi)心的主觀感受。 在生活中,很多公司會通過鋪天蓋地的推廣,將自己的產(chǎn)品和某些顏色進行綁定,如哈羅單車的藍,可口可樂的紅等等。 這種色彩營銷的作用可以讓人們更容易記住產(chǎn)品,并使用更明亮、更純凈的顏色來吸引用戶的注意力,如網(wǎng)易云音樂、支付寶、微信等。 時間類管理APP 常見的具有風(fēng)格化的有:時光序、Dislike、滴答清單等等。 這類軟件大部分都運用簡約的色系,總色系在二到三種之中,便于用戶記住其應(yīng)用軟件的特點。 除了色彩之外,很多手機界面還采用了極簡風(fēng)、像素風(fēng)、清新可愛風(fēng)等。

2 時間類管理APP 界面設(shè)計實踐分析

根據(jù)以上的相關(guān)應(yīng)用軟件分析,筆者與相關(guān)團隊成員共設(shè)計了一款的時間類管理APP。 其名稱為海綿時間管理APP。 “海綿”二字來源于名言“時間就像海綿里的水,要想擠總還是有的”。 由此希望用戶在使用該APP 的時候不僅能充分利用時間,管理時間,也希望用戶在使用過程中能夠體驗到管理時間的種種便利與樂趣。

2.1 “海綿”APP 界面設(shè)計簡介

根據(jù)之前的設(shè)計調(diào)研分析,筆者與相關(guān)團隊試圖對海綿時間類管理APP 進行界面設(shè)計。 此款A(yù)PP 除了鬧鐘功能外,還有天氣,路況,實時公交等信息展示,對課業(yè)繁忙的學(xué)生,工作繁重的工作人員,以及對時間有明確要求的用戶有很大幫助。 海綿APP 可以讓用戶根據(jù)個性化需求,對出行中的天氣,路況,交通各環(huán)節(jié)進行篩選,通過參考實時數(shù)據(jù)來塑造自己的出行安排。

2.2 創(chuàng)新點

海綿APP 運用到了簡潔頁面,功能簡練,針對性強,操作簡單,將鬧鐘與日程安排有機結(jié)合并增加天氣,路況,實時公交等信息,在預(yù)定的鬧鐘響起時根據(jù)用戶個人情況,界面會提供天氣,路況,實時公交等提醒用戶是否需要帶傘,最佳路線推薦,xx路公交預(yù)計幾點到達等信息,智能地進行時間管理。

2.3 界面設(shè)計流程

剛開始我們從確定了APP 界面設(shè)計類別和APP 各類應(yīng)用內(nèi)容大綱、繪制草圖、選擇文字格式、確定色彩搭配及風(fēng)格設(shè)計到細(xì)化交互按鈕和用途。項目成員通過評測類似APP 來確定軟件的應(yīng)用大綱,在吸納優(yōu)秀內(nèi)容的同時,做出自己APP 的風(fēng)格。

通過對各類APP 的體驗,對用戶的思維邏輯和操作習(xí)慣充分把握,考慮并分析出關(guān)于用戶界面的流程設(shè)計,充分利用對“把握時間群體”的用戶調(diào)查,我們最大限度地優(yōu)化調(diào)整APP 功能,做到調(diào)整優(yōu)化用戶所需的頁面布局提取,制作出界面設(shè)計流程圖,如圖1 所示。 在此基礎(chǔ)上確定了我們的APP是包含天氣,路況,時間,事項這些方面,側(cè)重點在事項,界面設(shè)計類別風(fēng)格定為簡潔。

圖1 “海綿”APP 的界面設(shè)計流程圖(圖片來源:作者自繪)

我們在參考了這些內(nèi)容的基礎(chǔ)上,也添加了許多屬于自己的元素。 大背景最終的決定是最簡潔的背景,并對它的顏色搭配、圖案排布進一步調(diào)試以求最佳效果。 到了內(nèi)容部分,就需要對這方面深入調(diào)查,邊制作邊討論,而后敲定了界面布局和交互按鈕的展現(xiàn)形式。

在此基礎(chǔ)上,將“把握時間群體”的目標(biāo)同用戶的心理感受進行緊密結(jié)合。 最終以獲得準(zhǔn)確詳細(xì)的事務(wù)信息為的必備前提,通過“海綿”APP,用戶根據(jù)個性化需求,對事務(wù)中的天氣,路況,交通各環(huán)節(jié)進行篩選,通過參考實時數(shù)據(jù)來塑造自己的時間安排。

2.4 實踐成果

如圖2 所示,視覺設(shè)計的呈現(xiàn)是App 對用戶的第一印象,海綿APP 整體使用簡約清新的風(fēng)格。

圖2 “海綿”登錄注冊界面展示(圖片來源:作者自繪)

時間界面布局提供了一個清晰準(zhǔn)確地顯示內(nèi)容的平臺。 圖3 中待辦事項的名稱、時間段等以直觀、有順序的形式呈現(xiàn)在待辦事項欄目框中。 主頁面使用戶能夠直觀地看到以月為單位的日歷,跳轉(zhuǎn)頁的圖標(biāo)和相應(yīng)任務(wù)安排。

圖3 “海綿”APP 主界面(左)和待辦事項界面(右)(圖片來源:作者自繪)

界面提供可點擊圖形元素進行交互的功能,將簡潔直觀的圖形作為重要的設(shè)計元素,充分利用點、線、面的組合,對界面進行合理設(shè)計,使界面既簡潔又不失特色。 如圖4。

圖4 “海綿”界面圖標(biāo)元素設(shè)計(圖片來源:作者自繪)

“海綿”APP 以“抓緊時間”的目標(biāo)和習(xí)慣出發(fā),滿足用戶計劃配合學(xué)習(xí)和工作的時間管理,優(yōu)化調(diào)整事項時間段和出行習(xí)慣。 將常用地址,最近瀏覽等出行方面習(xí)慣進行記錄,根據(jù)大數(shù)據(jù)采集,達到精準(zhǔn)提醒用戶出行工具和狀況。 如圖5。

圖5 “海綿”界面路況出行展示設(shè)計(圖片來源:作者自繪)

除此之外,為了方便用戶對時間的把控,APP會采集大數(shù)據(jù)的信息,精準(zhǔn)提醒用戶當(dāng)天天氣。 在使用過程中,可以清楚地看到圖6 所示的天氣的變化和所需物品的建議。

圖6 “海綿”界面天氣設(shè)計展示(圖片來源:作者自繪)

結(jié)束語

通過結(jié)合實際的調(diào)查現(xiàn)狀和理論的研究分析,考慮“把握時間群體”的特征及需求,對市面上擁有類似功能的APP 進行參考優(yōu)化,最終形成“海綿”APP 的界面設(shè)計。 在設(shè)計過程中,設(shè)計師需要以人為本,充分了解“把握時間群體”的用戶心態(tài),把握用戶的心理,緊跟時代,雖然把握時間不是易事,但是通過智能化的時間管理APP 可以為用戶提供更多的幫助,這也是相關(guān)設(shè)計師的職責(zé)所在。