国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

細(xì)節(jié)體現(xiàn)藝術(shù)，產(chǎn)品的細(xì)節(jié)會(huì)給予用戶良好或出乎意料的體驗(yàn)。

索引列表

場(chǎng)景：A在預(yù)定機(jī)票，選擇城市中，一看一長(zhǎng)串的列表。B在通訊錄中，想在列表中找到張三，則就一直往下滑才找到。

對(duì)策：索引組件主要是為了在列表中更快速精確選擇所想要的內(nèi)容，通常與查詢搜索框搭配，列表右邊會(huì)具有字母索引，點(diǎn)擊某個(gè)字母，列表即可定位到該字母下的列表項(xiàng)位置，常見(jiàn)于通訊錄、字典、音樂(lè)列表、城市選擇列表等。

不同的場(chǎng)景索引組件的用法也不同，如城市選擇的列表，根據(jù)城市首個(gè)拼音字母進(jìn)行排列，當(dāng)手勢(shì)下拉列表，該字母會(huì)置頂，直到該字母下的城市全部滑完；對(duì)右邊字母索引點(diǎn)擊，列表直接定位跳轉(zhuǎn)到該字母下的城市。在對(duì)比以下兩張圖可知，第二種的展示方式更能明顯看出用戶當(dāng)前點(diǎn)擊的是哪個(gè)字母下面的城市，沒(méi)有對(duì)比就沒(méi)有傷害。

記錄列表所選內(nèi)容項(xiàng)

場(chǎng)景：A在預(yù)定機(jī)票中，選擇某時(shí)間段的航班，發(fā)現(xiàn)不合適，返回列表，打算再選擇其他的航班卻不小心點(diǎn)擊原來(lái)的那個(gè)航班；B在某商城選擇馬克杯，多次反復(fù)選擇，不仔細(xì)看商品名稱或圖片又會(huì)重新點(diǎn)擊之前選擇過(guò)。

對(duì)策：對(duì)于產(chǎn)品列表選擇某項(xiàng)進(jìn)入下一步的場(chǎng)景，通常列表項(xiàng)較為眾多，可通過(guò)樣式（背景顏色、字體顏色等）的不同，記錄之前所選過(guò)的列表項(xiàng)。

通常有兩種方式：

1. 將所有選擇過(guò)的列表項(xiàng)異于未選擇過(guò)的列表項(xiàng)?！敬蟛糠稚坛恰?/li>
2. 將最新選擇過(guò)的內(nèi)容項(xiàng)異于其他?！景l(fā)現(xiàn)圖表述不清楚，可直接看攜程app】

列表底部的提示

場(chǎng)景：新年來(lái)臨，A打算來(lái)一場(chǎng)旅游，在瀏覽旅游產(chǎn)品列表，沒(méi)找到合適的就一直往下滑，而到最后一頁(yè)，滑了幾次，發(fā)現(xiàn)沒(méi)有再有加載的旅游產(chǎn)品，才知道產(chǎn)品沒(méi)有了，全部加載完了。

對(duì)策：直接提示用戶沒(méi)有更多的列表項(xiàng)內(nèi)容啦，在列表最后一列表項(xiàng)下加多幾個(gè)文字進(jìn)行提示，如“——到底啦——”、“——軟件名稱——”等之類(lèi)，讓用戶清楚了解到內(nèi)容已經(jīng)顯示完了，而不是讓用戶由自己去判斷（下滑手勢(shì)多做幾次，沒(méi)內(nèi)容加載）。

注意：在下滑加載每個(gè)界面的數(shù)據(jù)，都應(yīng)具有加載的過(guò)渡標(biāo)識(shí)。

列表無(wú)內(nèi)容的提醒

場(chǎng)景：A臨時(shí)接到緊急通知，幫boss訂一張安順到阿拉善右旗的機(jī)票，結(jié)果一查，空白界面，內(nèi)心萬(wàn)馬奔騰走過(guò)，這是什么意思，沒(méi)航班？還是沒(méi)網(wǎng)絡(luò)導(dǎo)致還沒(méi)加載進(jìn)來(lái)？甚至在想會(huì)不會(huì)把我賬號(hào)設(shè)定不能預(yù)訂查看航班了……

對(duì)策：當(dāng)列表項(xiàng)無(wú)內(nèi)容，需要有圖文或純文字提示反饋給用戶，甚至給予下一步如何操作的按鈕，讓用戶感知該產(chǎn)品的友好性，盡可能減少讓用戶自己揣摩產(chǎn)品的意圖。

——下面相對(duì)針對(duì)開(kāi)發(fā)而言——

列表拖動(dòng)

場(chǎng)景：A設(shè)計(jì)了一原型圖，也標(biāo)注一些說(shuō)明，當(dāng)交付給Android開(kāi)發(fā)與ios開(kāi)發(fā)，做出來(lái)的效果不一樣……一個(gè)是整個(gè)界面可拖動(dòng)，一個(gè)是只有列表項(xiàng)可拖動(dòng)。我就遇過(guò)這個(gè)坑，如下圖，因?yàn)闆](méi)指定，開(kāi)發(fā)直接將紅色框的固定，列表內(nèi)容才可拖動(dòng)。

對(duì)策：一般情況下，具有列表的展示都會(huì)采取拖動(dòng)下滑的方式，而如果是由多部分組成的頁(yè)面，需要根據(jù)不同的需求去設(shè)定哪些是可拖動(dòng)的模塊。如之前說(shuō)的索引界面，有些app上部分的搜索查詢框是固定的，不隨列表而拖動(dòng)。

列表內(nèi)容的限制

確定點(diǎn)擊范圍

場(chǎng)景：設(shè)計(jì)了篩選頁(yè)面，交付給開(kāi)發(fā)，沒(méi)標(biāo)注提示，開(kāi)發(fā)直接弄成點(diǎn)擊復(fù)選框按鈕才可以勾選~~對(duì)于功能上來(lái)說(shuō)該功能是實(shí)現(xiàn)了。但對(duì)于體驗(yàn)來(lái)說(shuō)，能點(diǎn)擊的范圍太小，甚至難以點(diǎn)擊，大大降低了體驗(yàn)度，增加了煩躁感。

對(duì)策：列表項(xiàng)的布局可以是多種多樣，要確定點(diǎn)擊范圍，是整個(gè)列表項(xiàng) OR 某個(gè)圖片 OR 哪段文字 OR 圖片+文字等等，這需要根據(jù)需求而設(shè)定，此外也得注意點(diǎn)擊后會(huì)具有怎么樣的反饋也得一一說(shuō)明。

確定內(nèi)容的范圍

場(chǎng)景：在設(shè)計(jì)積分商城過(guò)程中，對(duì)商品名稱沒(méi)有做限制說(shuō)明，交付給開(kāi)發(fā)，開(kāi)發(fā)直接是商品名稱直接全部展示，盡管商品名稱狠長(zhǎng)……

對(duì)策：列表項(xiàng)的文字確定應(yīng)該要幾行，超出的文字該如何處理（通常是“…”或者直接到一定范圍長(zhǎng)度不顯示），如下面的商品名稱可為一行，超出的部分以‘’…‘’號(hào)代表。

以上是目前在使用列表所整理的注意事項(xiàng)，后續(xù)也會(huì)慢慢更新產(chǎn)品細(xì)節(jié)控的文章。

相關(guān)閱讀

產(chǎn)品細(xì)節(jié)控：輸入框

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

題圖來(lái)自u(píng)nsplash，基于CC0協(xié)議