我相信所有設(shè)計(jì)師都是注重細(xì)節(jié)的！即使有時(shí)迫于種種原因，無(wú)法達(dá)到像期望般完美，但心中一定有份糾結(jié)的堅(jiān)持。最近的項(xiàng)目中，給選擇器設(shè)計(jì)備選列表，發(fā)現(xiàn)了一個(gè)“由細(xì)節(jié)引發(fā)的細(xì)節(jié)問(wèn)題”。下圖是示例。很簡(jiǎn)單，在一個(gè)固定區(qū)域內(nèi)做多選，當(dāng)有很多備選時(shí)，滾動(dòng)顯示更多內(nèi)容。（原本意圖）

圖A：原本的意圖，和期望達(dá)到的效果但實(shí)現(xiàn)出來(lái)之后，發(fā)現(xiàn)一個(gè)問(wèn)題：滾動(dòng)條被隱藏掉了。只有當(dāng)在備選內(nèi)容區(qū)滾動(dòng)鼠標(biāo)時(shí)，滾動(dòng)條才會(huì)顯示出來(lái)。這會(huì)影響到用戶對(duì)這個(gè)功能區(qū)塊的認(rèn)知，根本察覺(jué)不到還有更多內(nèi)容。（出乎預(yù)料）

圖B：滾動(dòng)條不見了，這可不是我們期望的經(jīng)過(guò)調(diào)試發(fā)現(xiàn)仍無(wú)法控制滾動(dòng)條的始終顯示，只好修改了設(shè)計(jì)。拉長(zhǎng)區(qū)域高度，讓下面的內(nèi)容露出一部分來(lái)。用不完整來(lái)暗示還有更多內(nèi)容。當(dāng)區(qū)域有滑動(dòng)時(shí)，滾動(dòng)條自己就出來(lái)了。（解決方案）

圖C：用不完整的形態(tài)做暗示回到問(wèn)題上來(lái)�？赡軙�(huì)受影響的是在Mac OS X 10.7.3上使用Webkit內(nèi)核的瀏覽器（Safari或Chrome）的用戶們。究其最終原因，是因?yàn)橐粋�(gè)系統(tǒng)默認(rèn)選項(xiàng)（如下圖），“根據(jù)輸入設(shè)備自動(dòng)顯示”。這是蘋果的一個(gè)細(xì)節(jié)設(shè)計(jì)，可以根據(jù)鼠標(biāo)或觸摸板等不同的輸入設(shè)備，顯示或隱藏滾動(dòng)條。也正是因?yàn)樗�，如果你使用的是觸摸板或Magic Mouse等觸控式鼠標(biāo)，就會(huì)發(fā)現(xiàn)，在Webkit內(nèi)核的瀏覽器下，一些功能原本有滾動(dòng)條，現(xiàn)在都消失不見了。簡(jiǎn)單調(diào)整一下設(shè)計(jì)，就能比較好的解決這個(gè)問(wèn)題了（如圖C）。

滾動(dòng)條控制再優(yōu)雅的設(shè)計(jì)，有時(shí)候也可能會(huì)引發(fā)問(wèn)題。作為設(shè)計(jì)師，得以同樣優(yōu)雅的方式回應(yīng)并解決問(wèn)題。

作者：波希米亞

文章來(lái)源：b3inside.com

標(biāo)簽： 用戶體驗(yàn) 用戶體驗(yàn)設(shè)計(jì) 用戶體驗(yàn)研

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。