現(xiàn)在處于日益發(fā)展的社會(huì)中,全民健身的理念深入人心。應(yīng)運(yùn)而生的運(yùn)動(dòng)類app也成為了炙手可熱的軟件。那么今天小編就來給大家說一說作為設(shè)計(jì)小白,運(yùn)動(dòng)類app界面設(shè)計(jì)的要素。

1.顯著性元素的重要性
大家在閱讀界面的時(shí)候,往往會(huì)忽略界面的顯著對(duì)象,抓不住想要表達(dá)的重點(diǎn),顯著性要素主要分為感覺和認(rèn)知兩大類。感覺類的主要體現(xiàn)顏色、位置、大小等物理特征,而認(rèn)知類的就反映出來物體與人的關(guān)系。合理的運(yùn)用這些元素可以有效的分解觀者的注意力,形成和諧統(tǒng)一的界面。在這里要注意采用的元素不要過多,會(huì)造成視覺的復(fù)雜感。

2.要注意視覺和心理需求
大腦中樞在處理看見的信息時(shí),會(huì)根據(jù)自己的興趣對(duì)待視覺刺激強(qiáng)度強(qiáng)的事物首先分配注意力,那么這就要求我們?cè)谶\(yùn)動(dòng)appp界面設(shè)計(jì)時(shí)要考慮視覺的需求和心理的需求。也要隨著界面的即時(shí)性改變?cè)O(shè)計(jì)。

現(xiàn)在為了提高用戶的黏度,很多app加了社交的板塊,那么我們?cè)谔幚磉@個(gè)板塊的時(shí)候應(yīng)該對(duì)這個(gè)板塊簡(jiǎn)化,進(jìn)行合理化設(shè)計(jì)。平衡工具的使用和社交板塊的使用情況。
減輕用戶認(rèn)知負(fù)荷,獲得良好的用戶體驗(yàn),在信息的布局上要構(gòu)建科學(xué)合理、自然流暢、舒適愉悅的視線流與操作流。視線流是用戶視覺焦點(diǎn)在界面上的流動(dòng)軌跡,操作流是用戶操作界面形成的觸點(diǎn)移動(dòng)軌跡。人的視線習(xí)慣是從上到下、從左到右,且水平運(yùn)動(dòng)快于垂直運(yùn)動(dòng),因此,界面中左上象限比其他象限更容易獲得注意,F(xiàn) 型、Z 型布局形式符合視線習(xí)慣。此外,格式塔的接近性、相似性原理讓界面上的信息以分組的方式呈現(xiàn),通過將同類元素進(jìn)行分組,采用一致的視覺風(fēng)格,也可以創(chuàng)建清晰的信息布局。界面設(shè)計(jì)就像畫畫一樣,需要有明確的視覺焦點(diǎn)和視覺流程。
3.注意用戶的定勢(shì)和期望
定勢(shì)指的是某種活動(dòng)前的心理預(yù)備狀態(tài),而期望是指對(duì)某個(gè)事物發(fā)展的預(yù)設(shè)。當(dāng)用戶對(duì)界面中某個(gè)元素不能產(chǎn)生定勢(shì)和預(yù)期,將會(huì)對(duì)知覺造成不利影響,也容易誘發(fā)視盲。在交互設(shè)計(jì)的后隱喻時(shí)代,擬物化和過度修飾已經(jīng)成為了過去,用戶更期待高效和降低認(rèn)知負(fù)荷,扁平化風(fēng)格興起。一味追求扁平化,也會(huì)造成界面的同質(zhì)化問題,因此,界面設(shè)計(jì)的細(xì)節(jié)將決定產(chǎn)品的品味和檔次。

在扁平化的設(shè)計(jì)風(fēng)格中,漸變的顏色可以稱之為設(shè)計(jì)的細(xì)節(jié)。當(dāng)界面中一個(gè)交互點(diǎn)擊按鈕控件采用漸變顏色,會(huì)讓這個(gè)控件更具有按鈕的隱喻,就好像在提示用戶“點(diǎn)擊我”,提升了界面的易用性??丶枰形谋净驁D標(biāo)來輔助指明其意義,降低用戶的認(rèn)知成本,形成注意定勢(shì)和心理預(yù)期,能更好地獲得注意資源的分配。
4.提升用戶對(duì)界面內(nèi)容的加工能力
加工能力指的是一個(gè)人同時(shí)能夠注意的刺激或信息的數(shù)量。盡量可視化信息有助于減輕認(rèn)知負(fù)擔(dān)。

如何將運(yùn)動(dòng)類 APP 的數(shù)據(jù)可視化?運(yùn)動(dòng)類APP的數(shù)據(jù)大多采用柱狀圖、甜圈圖、曲線圖、表格等統(tǒng)計(jì)圖表來展示,呈現(xiàn)較為精準(zhǔn)的數(shù)據(jù)量化對(duì)比、分布情況、頻率高低、比例大小等參數(shù)的特征,準(zhǔn)確高效地表達(dá)數(shù)據(jù)??紤]到人的信息加工能力有限,會(huì)將數(shù)據(jù)進(jìn)行分層級(jí)聚合,譬如時(shí)間序列屬性的數(shù)據(jù)按照日、周、年聚合,讓用戶進(jìn)行切換選擇。
運(yùn)動(dòng)類app界面設(shè)計(jì)主要考慮以上要素,我們?cè)诮?jīng)過不斷優(yōu)化之后,可以改善軟件的應(yīng)用性,也可以增加用戶的黏度,提升體驗(yàn)感,給客戶帶來視覺享受之外還帶來二次關(guān)注。
更多設(shè)計(jì)知識(shí),設(shè)計(jì)學(xué)習(xí)資源,設(shè)計(jì)書籍,歡迎瀏覽我的主頁資料,感謝你的閱讀,祝你生活愉快!