機開始出現(xiàn)只是為了通話,后來可以發(fā)短信,拍照片,聽音樂,看視頻。到現(xiàn)在手機完全成了我們身體的延伸,沒有手機我們可能會很快的與這個社會脫節(jié)。可以預(yù)見一款產(chǎn)品/app所能完成任務(wù)是越來越多的。極簡風(fēng)格在內(nèi)容越來越多的前提下,設(shè)計師應(yīng)該減少無用信息的干擾讓用戶可以快速聚焦的到內(nèi)容本身,這種“少即是多”設(shè)計思路就是我們常說的極簡風(fēng)格。那么設(shè)計師如何將極簡風(fēng)格應(yīng)用到自己的產(chǎn)品中呢?下面我會做一個簡單的分析,希望可以幫助到大家。
刪減不必要的元素
極簡風(fēng)格簡單粗暴的實現(xiàn)手法就是刪減與用戶任務(wù)無關(guān)的非功能性元素,只保留重要的信息,減輕用戶的認(rèn)知負(fù)荷。
那么如何去判斷一個設(shè)計元素的取舍呢?設(shè)計師應(yīng)該問自己以下三個問題:
1. 這個設(shè)計元素在當(dāng)前界面中是起什么作用的?能夠完成什么 樣功能?
2. 去掉以后是否會影響用戶正常操作?
3. 如果影響用戶操作,可否有更簡潔的設(shè)計元素來替代?
前幾天有一個朋友問我,微博界面中每條動態(tài)下面的icon能否去掉。這里icon的使用是用于提升信息的可讀性,因為相對于文本信息,具象元素可以更好的完成信息的傳達(dá)。但是這只是起到一個提升作用,即使我把icon拿走,用戶也會知道這三個是轉(zhuǎn)發(fā)、評論和點贊。
所以這里的icon是可以去掉的嗎?當(dāng)然不是,我們要考慮不同的使用場景。當(dāng)這條動態(tài)沒有任何人點贊,評論,轉(zhuǎn)發(fā)的時候,我們把icon拿走是沒有問題的。但是一旦出現(xiàn)了互動,那么icon就完全取代了文字成為這個功能的可識別性元素,后面的數(shù)目顯示的是互動強度。即使我一直很推崇的“一個”應(yīng)用,它的界面設(shè)計簡單到不能再簡單,在這里還是保留了icon,所以我傾向于保留,當(dāng)然如果你有更好的方案歡
迎留言交流。
微信新的一次改版也很好的體現(xiàn)出多態(tài)組件的應(yīng)用,之前用戶如果想刪除與一個好友的聊天記錄,點擊“刪除”以后會從界面底部彈出actionsheet來供用戶進(jìn)行刪除確認(rèn)(不好意思,忘截圖了)。但是微信新的一次改版,對刪除確認(rèn)這一步驟進(jìn)行了簡化。整個刪除流程用戶的注意力會一直停留在在當(dāng)前的這條聊天記錄上,不會轉(zhuǎn)移到界面底部的actionsheet,這種小細(xì)節(jié)的優(yōu)化真的很讓人眼前一亮。
多態(tài)組件的應(yīng)用可以幫助設(shè)計師進(jìn)一步簡化界面中的信息。當(dāng)然這就要求設(shè)計師對設(shè)計組件做到足夠的了解,逐個分析不同的組件的優(yōu)缺點和適用場景。
以底部按鈕為例:
因為其一般都會采用面狀按鈕,大面積的色塊能夠達(dá)到吸引用戶注意力的目的。當(dāng)然有的時候,不需要按鈕這么顯眼,我們則可以換種樣式,典型的就是“退出登錄”按鈕,沒有設(shè)計師希望用戶可以很輕易的發(fā)現(xiàn)退出產(chǎn)品的路徑。
這種按鈕樣式的有兩個缺點,一就是不能浮動的,當(dāng)界面內(nèi)容過多的時候,用戶需要滑動很久才能看到界面下方的按鈕,降低了產(chǎn)品的易用性。當(dāng)然我們加一個背景框做成浮動樣式固定在界面底部,這個問題也隨之解決了。
它的第二缺點是只適合展示1- 2 個按鈕的場景, 3 個以上的按鈕就很難勝任了。而且這里的優(yōu)先級區(qū)分只能通過改變(圓角)矩形的樣式來實現(xiàn),例如面狀對線狀,紅色背景對藍(lán)色背景。要解決這個問題,我們不妨看看下面這個按鈕樣式。
這種底部按鈕現(xiàn)在比較火,很多主流產(chǎn)品都采用這種樣式。突然的爆火不是沒有緣由的,它的的優(yōu)點就在于可以很好解決上面的二個問題。因為icon的引入一方面釋放了界面的空間,可以放五個按鈕。而且樣式更加多變,可以是“文字+色塊”也可以是“文字+icon”,而且尺寸與配色可以根據(jù)優(yōu)先級來進(jìn)行設(shè)置,設(shè)計師可發(fā)揮的空間會大一點。
但是這種底部按鈕樣式也是有缺點的,iPhone X因為底部Home Indicator的存在給我們的適配帶來了很多不便。有的產(chǎn)品在適配的時候改變了樣式,破壞了用戶體驗的一致性。
可能會有設(shè)計師說,我只是一個UI設(shè)計師,這里面選擇什么組件不是我來決定的,這是交互設(shè)計師或者產(chǎn)品經(jīng)理的工作。我一直所提倡的UI設(shè)計師要懂交互和產(chǎn)品,如果他們給的交互稿原型圖不合理,你可以去反向去影響他們。只是被動的去給他們的原型圖上色而不去思考,這樣我們很難提升。
要點突出
為什么極簡風(fēng)格設(shè)計我們還要考慮要點突出呢?因為有的設(shè)計師過于追求簡單,導(dǎo)致整個界面看起來跟原型圖一樣,特別的平淡。其實極簡風(fēng)格設(shè)計是在界面簡單的基礎(chǔ)上還要做到要點信息突出,讓用戶在快速瀏覽的模式下可以看到他們感興趣的內(nèi)容。
極簡風(fēng)格的設(shè)計理念提倡:一個界面有一個焦點。我們會經(jīng)常會看到一些設(shè)計師做的界面非常的繁雜,讓人抓不住要點。當(dāng)然這不一定全是設(shè)計師的鍋,有的時候產(chǎn)品經(jīng)理要求這個要突出,那個強調(diào),導(dǎo)致整個界面都充斥著大紅大紫,特別的凌亂。
但是有的設(shè)計師矯枉過正,為了凸顯功能,過于弱化次要功能,這也是不可取的。例如,上面這個界面中“小紅點”,當(dāng)然這里應(yīng)該說“小黃點”。因為這里把紅色改成了黃色,對于這個改法我非常的理解。因為紅色特別的刺眼,改成黃色的確舒服多了。但是!“小紅點”的工作原理就是用戶對界面和諧統(tǒng)一的追求,這里突然出現(xiàn)了一個紅點,非常突兀,所以會忍不住的想去點擊。如果你把紅色改成了黃色,用戶就無法注意到新消息提醒,小紅點的作用也無法起到。這個屬于過度弱化次要功能。
建站咨詢
如您有網(wǎng)站建設(shè)方面的需要,歡迎給我們留言或在線咨詢 *