工作中有哪些容易考慮不周的小細(xì)節(jié)？

工作和練習(xí)有著非常大的差異性，因?yàn)樵诠ぷ髦校枰覀兛紤]太多場(chǎng)景，想要考慮的全面，就必須有足夠的沉淀積累，如果沉淀不夠，也沒(méi)關(guān)系，讀讀前輩們的分享也是一個(gè)不錯(cuò)的選擇，能學(xué)一點(diǎn)是一點(diǎn)~

作者在本篇文章中用自己曾經(jīng)踩過(guò)的幾個(gè)坑來(lái)舉例，看看你有沒(méi)有中招吧！

案例1

記得以前做咨詢(xún)類(lèi)app，經(jīng)常會(huì)有閱讀量啊，點(diǎn)贊呀，評(píng)論呀等等數(shù)據(jù)，正常做視覺(jué)稿，直接拍上去幾個(gè)數(shù)字就可以了，例如下圖的65個(gè)跟帖數(shù)：

但我們要知道，UI頁(yè)面上的很多內(nèi)容是活的，例如閱讀量可能是1也可能是9999，如果超過(guò)9999的時(shí)候，還顯示那么多數(shù)字，看著又累贅又不直觀。

這時(shí)候我們就需要給出解決方案了，例如數(shù)字超過(guò)10000就顯示1萬(wàn)：

或者有的app超過(guò)1000就開(kāi)始顯示縮寫(xiě)“1k”。

這些規(guī)則都需要我們輸出給開(kāi)發(fā)，不然他們就會(huì)直接顯示數(shù)字。

案例2

做天氣app，排版的內(nèi)容有最高氣溫和最低氣溫，如下圖：

這樣看著沒(méi)啥問(wèn)題，但如果你在我老家哈爾濱呢？不穿衣服能凍死你，零下30多度，如下圖：

問(wèn)題來(lái)了，這樣看著就很不舒服，因?yàn)椤啊焙汀?”有點(diǎn)相近，區(qū)分不明顯，于是我把中間的“～”換成了“／”，如下圖：

這樣不論是零上還是零下，看著都不會(huì)有什么問(wèn)題。

案例3

“各種狀態(tài)”也是我們經(jīng)常會(huì)考慮不周的地方，例如按鈕。

移動(dòng)端按鈕一共有五種狀態(tài)，正常、不可點(diǎn)擊、按壓、選中（其實(shí)還有個(gè)“點(diǎn)擊”狀態(tài)，但在視覺(jué)上和選中沒(méi)啥區(qū)別，這里就不說(shuō)了）：

這些狀態(tài)，各自的平臺(tái)都有不同的規(guī)則，所以我們必須要把樣式規(guī)范輸出給開(kāi)發(fā)哥哥，不然人家也不知道咋做！

案例4

如果你做的產(chǎn)品是面向全球的，那需要考慮的東西就更多了，這里涉及到擴(kuò)展性問(wèn)題，就是當(dāng)中文切換成英語(yǔ)的時(shí)候，是否合適？如果不合適，開(kāi)發(fā)可能就需要兩種布局方式了，成本就會(huì)高很多。

舉個(gè)例子，下面這個(gè)員工信息列表：

這個(gè)看沒(méi)啥問(wèn)題，挺整齊的，但是當(dāng)我們切換成英文的時(shí)候：

標(biāo)題和內(nèi)容就重合到一起了，所以了擴(kuò)展性，我們把內(nèi)容放在右邊，就不會(huì)有那么多問(wèn)題了：

很多時(shí)候都是中文看著沒(méi)啥問(wèn)題，但一切換成英文或者其他語(yǔ)言，就會(huì)出bug，所以對(duì)于語(yǔ)言的場(chǎng)景，我們也要多多考慮，盡量讓布局的擴(kuò)展性強(qiáng)一些。

總結(jié)

UI界面上的很多內(nèi)容是動(dòng)態(tài)的，為了把動(dòng)態(tài)的場(chǎng)景考慮全面，我們一定要使勁想，如果還是心里沒(méi)底就多問(wèn)問(wèn)別人，反正要盡量想全！

在工作上類(lèi)似這樣的問(wèn)題有很多，今天只是簡(jiǎn)單的舉了幾個(gè)自己經(jīng)歷過(guò)的的案例，剩下的還需要大家去多多實(shí)踐，多多總結(jié)，好了，就這樣吧。