APP設(shè)計(jì),這5件事千萬(wàn)不能忘
文章總結(jié)了APP設(shè)計(jì)中容易忽略的幾個(gè)問(wèn)題,并分享了相關(guān)方法。希望給大家?guī)?lái)些啟發(fā)。
我剛開(kāi)始工作時(shí)經(jīng)常遇到這種情況,拿到一個(gè)需求感覺(jué)很容易,刷刷刷弄出好幾個(gè)方案。然而方向確定后,才是問(wèn)題的開(kāi)始。
每一個(gè)頁(yè)面都會(huì)有一些相差不多“配件”,例如字段、提示、模塊、按鈕等。因?yàn)樗麄兌继^(guò)基礎(chǔ)了,以至于很容易被我們忽視,直到……同時(shí)維護(hù)近百個(gè)頁(yè)面時(shí),初步進(jìn)入開(kāi)發(fā)階段時(shí),才被開(kāi)發(fā)問(wèn)起:
- “XX部分的設(shè)計(jì)怎么在不同頁(yè)面不一樣?。俊?/li>
- “XX的規(guī)范有嗎?”
- “XX的設(shè)計(jì)在特殊狀態(tài)可能會(huì)出問(wèn)題……”
這里我總結(jié)一下自己踩過(guò)的坑,希望大家在設(shè)計(jì)產(chǎn)品時(shí)不要和以前的我一樣,把這些東西拖到最后才解決。因?yàn)榍穫贿€只會(huì)利滾利,最基本的東西反倒是最麻煩的。
一、時(shí)間戳
我不得不摸著自己的良心承認(rèn),時(shí)間戳這個(gè)坑,我做設(shè)計(jì)這么多年來(lái)還沒(méi)有爬出。不單我沒(méi)有爬出,我見(jiàn)過(guò)的所有設(shè)計(jì)團(tuán)隊(duì)都很少有能避開(kāi)且輕松解決的。真是印證那句老話,“看不出問(wèn)題的問(wèn)題才是最大的問(wèn)題“(我瞎編的)。
這東西有多難搞,看我之前的原創(chuàng)文章就知道了,這是當(dāng)時(shí)的各家產(chǎn)品的時(shí)間戳規(guī)范:
總的來(lái)說(shuō),時(shí)間戳的規(guī)范需要考慮以下三點(diǎn):
1. 用什么日期分隔符?
比較常見(jiàn)的有YYYY年MM月DD日、YYYY.MM.DD、YYYY/MM/DD和YYYY-MM-DD。需要注意的是,YYYY-MM-DD在時(shí)間區(qū)間的表達(dá)上會(huì)有問(wèn)題,例如“YYYY-MM-DD-YYYY-MM-DD”肯定看不懂。
2. 信息具有多強(qiáng)的時(shí)效性?
SNS和新聞這種時(shí)效性很強(qiáng)的內(nèi)容,對(duì)于時(shí)效期內(nèi)的信息,會(huì)傾向于提供“相對(duì)時(shí)間”。例如剛剛、X分鐘前、X小時(shí)前、X天前,甚至X年前。
原因很明顯,人們對(duì)相對(duì)時(shí)間更加敏感。例如日常對(duì)話里面,除非是太久遠(yuǎn)的東西,我們通常不會(huì)說(shuō)哪年幾月幾號(hào),而是更加喜歡說(shuō)剛剛、X分鐘前、X小時(shí)前、X天前,甚至X年前。
3. 精確時(shí)間有必要嗎?
數(shù)據(jù)庫(kù)里,每一條時(shí)間記錄都必須很精確,而對(duì)于人來(lái)說(shuō),卻未必如此。
例如看一年前的普通新聞時(shí),我們可能頂多對(duì)于哪年幾月幾號(hào)的信息感興趣,而幾點(diǎn)幾分幾秒就是幾乎毫無(wú)意義的,寫(xiě)上去還挺占地方。
而看一年前的聊天記錄時(shí),時(shí)間信息卻又很重要。例如早上發(fā)的信息還是晚上發(fā)的信息,意義是完全不同的。
Youtube 甚至把老視頻的時(shí)間戳模糊到“X年前”,這不但給大部分用戶(hù)提供了更加簡(jiǎn)單明了的信息,而且還節(jié)約了不少界面空間。
真正高明的設(shè)計(jì),其實(shí)并一定是驚艷的概念稿。將每一個(gè)信息露出都計(jì)算到極致,才是我們那些很多讓人引起視覺(jué)疲勞的產(chǎn)品所缺乏的。
二、超長(zhǎng)信息
我們?cè)谠O(shè)(fē)計(jì)(jī)稿上,經(jīng)常會(huì)填充一些假信息,然而這些信息通常都不會(huì)太長(zhǎng)以至于破壞畫(huà)面美感。
然而現(xiàn)實(shí)情況是,尤其是像標(biāo)題和描述這種東西,會(huì)有大量長(zhǎng)度的超出范圍的情況。于是開(kāi)發(fā)們自由發(fā)揮一通后,其結(jié)果就不是你能想象的了:
別說(shuō)內(nèi)邊框保留多少,會(huì)不會(huì)超出、要不要換行這些基本問(wèn)題都要搞清楚才行。等到要測(cè)試上線才發(fā)現(xiàn),可能大家都懶得改了。
三、空數(shù)據(jù)
所有的列表都可能出現(xiàn)空數(shù)據(jù)的情況,所以說(shuō)設(shè)計(jì)方案不可或缺。
如果是整頁(yè)空白,那很好辦,一般常見(jiàn)的情況是一張圖配一行字。
如果是分段式列表,會(huì)出現(xiàn)部分為空的情況。是整段移除,還是展空位,這就需要具體情況具體分析了。
還有可能是必須有圖的地方?jīng)]有圖,也就是要提供一個(gè)默認(rèn)圖片。
四、加載
雖然理想中所有頁(yè)面應(yīng)該在一秒內(nèi)加載出來(lái),很多設(shè)計(jì)師甚至程序員都會(huì)高估了用戶(hù)的網(wǎng)絡(luò)環(huán)境。但是想想你自己平時(shí)的使用經(jīng)驗(yàn),由于各種亂七八糟的問(wèn)題,頁(yè)面加載三五秒是相當(dāng)常見(jiàn)的情況。
而這幾秒甚至半分鐘的加載時(shí)間,很有可能是用戶(hù)體驗(yàn)最糟糕的時(shí)候,你還不用心設(shè)計(jì)安慰安慰他們呢嗎?
方法一:看見(jiàn)沒(méi)在加載啦,等等吧
方法二:快出來(lái)了,喏,它會(huì)是長(zhǎng)這樣子
方法三:看看這動(dòng)畫(huà)打發(fā)一下時(shí)間吧,一不小心就到時(shí)間了
方法四:倫家可努力了,求別怪我慢!
五、異常狀態(tài)
有句話叫做不怕一萬(wàn)就怕萬(wàn)一,這是世界上奇怪的狀況太多了,我們?cè)O(shè)計(jì)產(chǎn)品時(shí)也不能至意外意外場(chǎng)景于不顧,何況有的異常狀態(tài)根本不算意外。
異常一:加載失敗
異常二:失效操作
異常三:提示
作者:Z Yuhan,一名前華為騰訊交互設(shè)計(jì),在英國(guó)學(xué)習(xí)了人機(jī)交互,樂(lè)意帶你由淺入深了解產(chǎn)品體驗(yàn);公眾號(hào):體驗(yàn)進(jìn)階。
本文由 @Z Yuhan 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash,基于CC0協(xié)議。
總結(jié)一下,基本就是邊界情況的考慮。。
你很會(huì)總結(jié)啊
小姐姐有公眾號(hào)嘛?
有啊,體驗(yàn)進(jìn)階~
可不賴(lài)
不錯(cuò)不錯(cuò),推薦之。
好文!
可以可以
學(xué)到了