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

引言

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

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

1.1 對(duì)用戶的個(gè)性化分析

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

1.2 智能化

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

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

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

1.3 風(fēng)格化

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

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

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

2.1 “海綿”APP 界面設(shè)計(jì)簡(jiǎn)介

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

2.2 創(chuàng)新點(diǎn)

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

2.3 界面設(shè)計(jì)流程

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

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

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

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

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

2.4 實(shí)踐成果

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

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

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

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

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

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

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

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

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

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

結(jié)束語

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