文章總結(jié)了APP設(shè)計(jì)中容易忽略的幾個(gè)問題，并分享了相關(guān)方法。希望給大家?guī)硇﹩l(fā)。

我剛開始工作時(shí)經(jīng)常遇到這種情況，拿到一個(gè)需求感覺很容易，刷刷刷弄出好幾個(gè)方案。然而方向確定后，才是問題的開始。

每一個(gè)頁面都會(huì)有一些相差不多“配件”，例如字段、提示、模塊、按鈕等。因?yàn)樗麄兌继^基礎(chǔ)了，以至于很容易被我們忽視，直到……同時(shí)維護(hù)近百個(gè)頁面時(shí)，初步進(jìn)入開發(fā)階段時(shí)，才被開發(fā)問起：

• “XX部分的設(shè)計(jì)怎么在不同頁面不一樣啊？”
• “XX的規(guī)范有嗎？”
• “XX的設(shè)計(jì)在特殊狀態(tài)可能會(huì)出問題……”

這里我總結(jié)一下自己踩過的坑，希望大家在設(shè)計(jì)產(chǎn)品時(shí)不要和以前的我一樣，把這些東西拖到最后才解決。因?yàn)榍穫贿€只會(huì)利滾利，最基本的東西反倒是最麻煩的。

一、時(shí)間戳

我不得不摸著自己的良心承認(rèn)，時(shí)間戳這個(gè)坑，我做設(shè)計(jì)這么多年來還沒有爬出。不單我沒有爬出，我見過的所有設(shè)計(jì)團(tuán)隊(duì)都很少有能避開且輕松解決的。真是印證那句老話，“看不出問題的問題才是最大的問題“（我瞎編的）。

這東西有多難搞，看我之前的原創(chuàng)文章就知道了，這是當(dāng)時(shí)的各家產(chǎn)品的時(shí)間戳規(guī)范：

總的來說，時(shí)間戳的規(guī)范需要考慮以下三點(diǎn)：

1. 用什么日期分隔符？

比較常見的有YYYY年MM月DD日、YYYY.MM.DD、YYYY/MM/DD和YYYY-MM-DD。需要注意的是，YYYY-MM-DD在時(shí)間區(qū)間的表達(dá)上會(huì)有問題，例如“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ì)說哪年幾月幾號(hào)，而是更加喜歡說剛剛、X分鐘前、X小時(shí)前、X天前，甚至X年前。

3. 精確時(shí)間有必要嗎？

數(shù)據(jù)庫(kù)里，每一條時(shí)間記錄都必須很精確，而對(duì)于人來說，卻未必如此。

例如看一年前的普通新聞時(shí)，我們可能頂多對(duì)于哪年幾月幾號(hào)的信息感興趣，而幾點(diǎn)幾分幾秒就是幾乎毫無意義的，寫上去還挺占地方。

而看一年前的聊天記錄時(shí)，時(shí)間信息卻又很重要。例如早上發(fā)的信息還是晚上發(fā)的信息，意義是完全不同的。

Youtube 甚至把老視頻的時(shí)間戳模糊到“X年前”，這不但給大部分用戶提供了更加簡(jiǎn)單明了的信息，而且還節(jié)約了不少界面空間。

真正高明的設(shè)計(jì)，其實(shí)并一定是驚艷的概念稿。將每一個(gè)信息露出都計(jì)算到極致，才是我們那些很多讓人引起視覺疲勞的產(chǎn)品所缺乏的。

二、超長(zhǎng)信息

我們?cè)谠O(shè)（fē）計(jì)（jī）稿上，經(jīng)常會(huì)填充一些假信息，然而這些信息通常都不會(huì)太長(zhǎng)以至于破壞畫面美感。

然而現(xiàn)實(shí)情況是，尤其是像標(biāo)題和描述這種東西，會(huì)有大量長(zhǎng)度的超出范圍的情況。于是開發(fā)們自由發(fā)揮一通后，其結(jié)果就不是你能想象的了：

別說內(nèi)邊框保留多少，會(huì)不會(huì)超出、要不要換行這些基本問題都要搞清楚才行。等到要測(cè)試上線才發(fā)現(xiàn)，可能大家都懶得改了。

三、空數(shù)據(jù)

所有的列表都可能出現(xiàn)空數(shù)據(jù)的情況，所以說設(shè)計(jì)方案不可或缺。

如果是整頁空白，那很好辦，一般常見的情況是一張圖配一行字。

如果是分段式列表，會(huì)出現(xiàn)部分為空的情況。是整段移除，還是展空位，這就需要具體情況具體分析了。

還有可能是必須有圖的地方?jīng)]有圖，也就是要提供一個(gè)默認(rèn)圖片。

四、加載

雖然理想中所有頁面應(yīng)該在一秒內(nèi)加載出來，很多設(shè)計(jì)師甚至程序員都會(huì)高估了用戶的網(wǎng)絡(luò)環(huán)境。但是想想你自己平時(shí)的使用經(jīng)驗(yàn)，由于各種亂七八糟的問題，頁面加載三五秒是相當(dāng)常見的情況。

而這幾秒甚至半分鐘的加載時(shí)間，很有可能是用戶體驗(yàn)最糟糕的時(shí)候，你還不用心設(shè)計(jì)安慰安慰他們呢嗎？

方法一：看見沒在加載啦，等等吧

方法二：快出來了，喏，它會(huì)是長(zhǎng)這樣子

方法三：看看這動(dòng)畫打發(fā)一下時(shí)間吧，一不小心就到時(shí)間了

方法四：倫家可努力了，求別怪我慢!

五、異常狀態(tài)

有句話叫做不怕一萬就怕萬一，這是世界上奇怪的狀況太多了，我們?cè)O(shè)計(jì)產(chǎn)品時(shí)也不能至意外意外場(chǎng)景于不顧，何況有的異常狀態(tài)根本不算意外。

異常一：加載失敗

異常二：失效操作

異常三：提示

作者：Z Yuhan，一名前華為騰訊交互設(shè)計(jì)，在英國(guó)學(xué)習(xí)了人機(jī)交互，樂意帶你由淺入深了解產(chǎn)品體驗(yàn)；公眾號(hào)：體驗(yàn)進(jìn)階。

本文由 @Z Yuhan 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。