<li id="wscem"><wbr id="wscem"><u id="wscem"></u></wbr></li>
<th id="wscem"><pre id="wscem"></pre></th>

<tbody id="wscem"><track id="wscem"></track></tbody>

    <rp id="wscem"><ruby id="wscem"></ruby></rp>

  • 基礎小科普!淺談「列表視圖」與「網格視圖」的用法 - 優設網 - UISDC

    基礎小科普!淺談「列表視圖」與「網格視圖」的用法

    2018/07/19 8533評論區

    @Daidai丶呆 :本周的譯文純粹聊了聊「列表視圖」跟「網格視圖」在電商產品中的應用法則。但這篇在 Medium 上收獲1.5K點贊數的文章,把大家平時經??吹?,但很少去思考為什么這么做的視圖,做了一個詳細分析。

    一、根據信息選擇合適的視圖

    因為從事電商行業已經有一段時間,且在迭代的過程中學到了不少相關知識。所以抽空寫了一篇關于「列表視圖」與「網格視圖」的文章分享給各位。

    列表視圖(上圖左):

    • 列表視圖適合許多長文本信息的展示,如標題、描述、評論等,它可以幫助用戶更好的理解商品的相關信息;
    • 通過閱讀習慣與眼動模型的研究,列表視圖符合「最重要的內容應該置于左邊,次要的放在右邊」的實驗結果。

    網格視圖:

    • 網格視圖更多的是突出圖像的。它更適用于文字信息較少,圖像層級更重的頁面。
    • 用戶主要以圖像確認網格視圖的信息,所以通??梢砸淮螔呙?-6個視圖。

    列表視圖和網格視圖都可以看成是一個組件,組成元素有圖像、標題、評論、位置等。區別就在于將這些元素進行合理的布局或組合,用于頁面的相關信息展示。

    二、搜索與查看

    通過多次的 A/B 測試表明:列表視圖用于搜索結果展示頁更受用戶的歡迎。但是,在主頁和類別頁面上觀察到相反的情況,其中大多數參與者在瀏覽和查看他們可能想要的商品詳情時,更喜歡用網格視圖。因為網格視圖更突出圖像本身,首先通過對圖像的了解,再查看其它更詳細的信息,是用戶在電商產品中的主要使用習慣。

    總而言之,我們需要在相關頁面中給出更加合理的視圖,符合用戶的心理預期。如,網格視圖讓用戶大致了解了某商品信息,觸發用戶點擊欲望;列表視圖讓用戶了解某商品詳細信息,觸發用戶下單欲望。

    三、盡量減少信息,幫用戶做選擇

    許多人認為列表視圖具有更多空間,能放置更多信息,其實不然。用戶很容易被各種各樣的信息淹沒,陷入選擇悖論。如,你在列表視圖上放置了大量信息,用戶就無法一眼辨識出該商品的大體信息,也就被輕易忽略了。

    A/B 測試也是一種了解哪些信息會影響用戶做出決定的好方法。我們發現標題、價格、評論、位置、商品說明和金額都會對轉化產生一定影響。而這些信息中,標題、價格、評論(數)是必不可少的。因此它們在兩種視圖中都有一定的比重。其余的信息,就根據場景來做刪減即可。

    如今,我們仍然能看到許多電商產品在設計時采用列表視圖與網格視圖。這是件好事,我們應該根據每個頁面的目的,做出相應的展示形式。符合用戶當時的場景才最為重要。這句話不僅僅針對兩種視圖的選擇,在其他功能的設計上也是如此。

    學會充分利用兩個視圖,不要在這兩個視圖上放置相同的信息,否則就會導致兩個視圖失去自身的應有價值。

    四、最后給用戶展示更好的內容

    有了以上的視圖選擇建議,之后就是底層邏輯了。

    你還記得你看到的眼睛凝視強度從上到下減少的熱圖嗎?通過查看這份熱圖,可以根據瀏覽歷史記錄、用戶的搜索情況、關注賣家的行為、喜歡的商品等因素構建推薦算法,并使用它來對商品進行排序,推給用戶。

    再是研究那些銷量很高的產品,除了推廣之外,在設計上有什么影響用戶的布局方式?如,假設顏色是用戶選擇圍巾的關鍵信息,那么就應該在描述的開頭就說明可選顏色的信息。如果仔細看一些平臺的商品信息,你會發現許多這樣的例子。

    以上內容就是電商產品在視圖選擇上的原因所在。希望幫助到各位。

    原文鏈接:《List or Grid, It Is Not Important》? Mei

    呆呆是前阿里設計師,自學能力超強,在網絡上輸出過很多干貨。最近他推出了《呆呆郵報》,每周 1 – 2 篇會員期刊,通過郵箱發送,內容涵蓋產品設計、科技、藝術等領域,想和大牛近距離接觸,這可是個絕佳機會 → 訂閱《呆呆郵報》

    歡迎關注譯者的微信公眾號:「呆呆U理」

    圖片素材作者:ueno.

    「細談列表與網格設計」

    非特殊說明,本文版權歸原作者所有,轉載請注明出處
    本文地址:http://www.xtdeersi.com/list-view-and-grid-view

    發表評論 加載中....

    評論加載中....

    uisdc

    評論區都快餓癟了,看看我期盼的小眼神...

    界面設計 排版布局 設計圈干貨 職場 版式設計 優設專訪 優設大課堂 設計達人 設計師干貨 web前端開發 配色 視覺設計 素材下載 AI教程 設計理論 設計流程 神器下載 字體下載 設計師專訪 psd下載 設計規范 海報設計 設計趨勢 用戶體驗設計 動效設計 logo設計 平面設計 圖標設計 ICON 產品設計 神器推薦 App設計 字體設計 職場規劃 酷站推薦 交互設計 ui設計 優秀網頁設計 設計師職場 ps技巧 酷站 用戶體驗 PS教程 網頁設計 經驗分享

    您還沒有登錄

    優設啟用更安全省心的 微信掃碼登錄

    微信掃碼

    300萬設計師聚集地!優設網是極具人氣的設計師平臺
    2012年成立至今,一直專注于設計師的學習成長交流

    把好文章收藏到微信

    打開微信,掃碼分享
    學設計 優設網 在這里

    快三app

    <li id="wscem"><wbr id="wscem"><u id="wscem"></u></wbr></li>
    <th id="wscem"><pre id="wscem"></pre></th>

    <tbody id="wscem"><track id="wscem"></track></tbody>

    <rp id="wscem"><ruby id="wscem"></ruby></rp>

  • 柳州 | 淮北 | 阿拉尔 | 余姚 | 毕节 | 日土 | 荣成 | 唐山 | 清徐 | 海西 | 黄石 | 张家界 | 寿光 | 青州 | 商丘 | 烟台 | 乐清 | 河南郑州 | 阿坝 | 十堰 | 周口 | 淮安 | 辽源 | 无锡 | 永新 | 烟台 | 北海 | 任丘 | 海南 | 广西南宁 | 琼海 | 万宁 | 晋城 | 南平 | 嘉善 | 湘潭 | 随州 | 柳州 | 海东 | 淮北 | 灌南 | 白城 | 广元 | 汉川 | 泰安 | 牡丹江 | 黔南 | 鸡西 | 黄冈 | 东方 | 禹州 | 万宁 | 海拉尔 | 揭阳 | 浙江杭州 | 天门 | 邳州 | 丽江 | 六盘水 | 常州 | 延安 | 吉安 | 长葛 | 南平 | 临海 | 湘西 | 保亭 | 潮州 | 德州 | 抚顺 | 宜昌 | 滨州 | 阳江 | 沧州 | 朔州 | 嘉峪关 | 玉树 | 周口 | 绵阳 | 瓦房店 | 朝阳 | 喀什 | 泸州 | 广州 | 晋江 | 兴安盟 | 锦州 | 阳春 | 枣阳 | 三门峡 | 金坛 | 德清 | 吐鲁番 | 扬中 | 钦州 | 阳泉 | 海南 | 泰州 | 台北 | 巴音郭楞 | 武威 | 舟山 | 松原 | 海门 | 巴音郭楞 | 保定 | 扬中 | 张家口 | 白沙 | 南充 | 灌南 | 东海 | 天水 | 烟台 | 株洲 | 海宁 | 黄石 | 淮北 | 武威 | 大兴安岭 | 文昌 | 黔西南 | 明港 | 德宏 | 济南 | 兴化 | 汉川 | 仁怀 | 宜春 | 保亭 | 东营 | 通辽 | 宜宾 | 鹤岗 | 六盘水 | 焦作 | 黄南 | 唐山 | 朔州 | 馆陶 | 阿拉善盟 | 克孜勒苏 | 济南 | 鄂州 | 文山 | 鄂州 | 安顺 | 陇南 | 乐山 | 屯昌 | 湖北武汉 | 咸宁 | 莱芜 | 寿光 | 商洛 | 辽宁沈阳 | 三沙 | 文昌 | 许昌 | 平顶山 | 株洲 | 文昌 | 济南 | 娄底 | 铜陵 | 吴忠 | 瓦房店 | 包头 | 宜昌 | 庆阳 | 芜湖 | 阿坝 | 雄安新区 | 七台河 | 绍兴 | 伊春 | 乐清 | 浙江杭州 | 台南 | 安庆 | 东海 | 南京 | 鹤岗 | 长治 | 大理 | 枣阳 | 昆山 | 济南 | 巢湖 | 山东青岛 | 伊春 | 广州 | 秦皇岛 | 江西南昌 | 廊坊 | 滨州 | 和田 | 汕头 | 台中 | 黔西南 | 朝阳 | 大连 | 廊坊 | 阿拉尔 | 海北 | 澳门澳门 | 靖江 | 怒江 | 库尔勒 | 东阳 | 大同 | 宝应县 | 三亚 | 万宁 | 六盘水 | 桓台 | 临夏 | 屯昌 | 澳门澳门 | 茂名 | 南充 | 改则 | 咸阳 | 永州 | 莱州 | 佳木斯 | 昭通 | 江西南昌 | 阳春 | 南安 | 山西太原 | 昌吉 | 郴州 | 雄安新区 | 包头 | 双鸭山 | 海门 | 金坛 | 浙江杭州 | 张掖 | 贺州 | 石嘴山 | 漳州 | 蚌埠 | 沭阳 | 柳州 | 芜湖 | 铜仁 | 池州 | 临海 | 万宁 | 淮北 | 单县 | 常州 | 台北 | 定州 | 中山 | 醴陵 | 儋州 | 神农架 | 安徽合肥 | 巴彦淖尔市 | 燕郊 | 湖北武汉 | 毕节 | 宿州 | 吉林 | 海西 | 台湾台湾 | 海拉尔 | 珠海 | 库尔勒 | 鸡西 | 自贡 | 灌南 | 德阳 | 河北石家庄 | 济南 | 威海 | 曹县 | 莱州 | 双鸭山 | 伊犁 | 鄂尔多斯 | 焦作 | 辽阳 | 曲靖 | 昌吉 | 内蒙古呼和浩特 | 烟台 | 烟台 | 普洱 | 苍南 | 阿坝 | 攀枝花 | 神木 | 泰州 | 绥化 | 涿州 | 赤峰 | 青海西宁 | 江西南昌 | 韶关 | 海拉尔 | 湖北武汉 | 曲靖 | 江门 | 贵州贵阳 | 临汾 | 湘潭 | 南通 | 玉林 | 大庆 | 普洱 | 任丘 | 泸州 | 丽水 | 绥化 | 泗洪 | 济宁 | 宜昌 | 鹰潭 | 昌吉 | 新疆乌鲁木齐 | 惠州 | 娄底 | 铁岭 | 仙桃 | 吐鲁番 | 海安 | 河池 | 和县 | 濮阳 | 金华 | 湘西 | 三河 | 毕节 | 赤峰 | 铁岭 | 襄阳 | 达州 | 丹阳 | 临沂 | 吉林 | 莱芜 | 凉山 | 鸡西 | 承德 | 许昌 | 朝阳 | 贵港 | 邳州 | 章丘 | 辽阳 | 阿里 | 单县 | 东台 | 天门 | 抚顺 | 酒泉 | 海拉尔 | 新泰 | 红河 | 长治 | 亳州 | 东方 | 苍南 | 兴安盟 | 大庆 | 运城 | 衡阳 | 扬州 | 绵阳 | 库尔勒 | 垦利 | 灌南 | 济南 | 燕郊 | 保定 | 滁州 | 连云港 | 大庆 | 鹤壁 | 宿州 | 汉中 | 泗阳 | 安岳 | 张家界 | 巴彦淖尔市 | 临夏 | 广州 | 舟山 | 遂宁 | 龙岩 | 霍邱 | 章丘 | 博尔塔拉 | 广饶 | 遂宁 | 玉环 | 义乌 | 琼海 | 青海西宁 | 东方 | 铜陵 | 安康 | 那曲 | 临夏 | 咸宁 | 诸城 | 广饶 | 湛江 | 日喀则 | 宣城 | 四川成都 | 天长 | 黄石 | 四川成都 | 南阳 | 梅州 | 柳州 | 武夷山 | 河池 | 昌都 | 日照 | 黄冈 | 仁寿 | 台中 | 桐乡 | 燕郊 | 海东 | 大庆 | 清徐 | 金昌 | 神农架 | 曲靖 | 双鸭山 | 天水 | 包头 | 芜湖 | 衡水 | 铜川 | 德阳 | 芜湖 | 义乌 | 桐乡 | 鹤岗 | 临汾 | 镇江 | 广西南宁 | 延边 | 梧州 | 呼伦贝尔 | 东营 | 丹东 | 大连 | 神木 | 唐山 | 遂宁 | 山南 | 海北 | 公主岭 | 大理 | 日照 | 盐城 | 琼海 | 亳州 | 东海 | 宣城 | 三亚 | 黑龙江哈尔滨 | 三河 | 章丘 | 汉中 | 海北 | 三亚 | 那曲 | 佳木斯 | 如东 | 崇左 | 象山 | 滁州 | 安岳 | 齐齐哈尔 | 安岳 | 赣州 | 郴州 | 惠东 | 扬中 | 柳州 | 宜昌 | 曹县 | 顺德 | 阳江 | 德宏 | 攀枝花 | 本溪 | 铜川 | 海拉尔 | 阳春 | 泗洪 | 石狮 | 台北 | 恩施 | 上饶 | 赵县 | 屯昌 | 余姚 | 青州 | 阳泉 | 神农架 | 嘉善 | 金昌 | 福建福州 | 惠州 | 长葛 | 吉安 | 咸阳 | 湘潭 | 神农架 | 天水 | 台北 | 灌南 | 盘锦 | 哈密 | 武威 | 海拉尔 | 乐清 | 邹平 | 邵阳 | 临沂 | 淮北 | 玉树 | 仙桃 | 汉中 | 晋中 | 商丘 | 西双版纳 | 柳州 | 仙桃 | 防城港 | 三沙 | 东营 | 五家渠 | 鹤岗 | 定州 | 江门 | 金昌 | 宜昌 | 池州 | 慈溪 | 慈溪 | 天水 | 贵州贵阳 | 诸城 | 浙江杭州 | 茂名 | 惠州 | 义乌 | 白山 | 安康 | 安庆 | 柳州 | 甘肃兰州 | 嘉兴 | 烟台 | 库尔勒 | 燕郊 | 宁夏银川 | 南平 | 阜阳 | 平凉 | 辽宁沈阳 | 沛县 | 肥城 | 湖北武汉 | 威海 | 汉川 | 安顺 | 济南 | 安吉 | 偃师 | 江门 | 玉树 | 襄阳 | 商洛 | 金昌 | 湘西 | 宝鸡 | 庆阳 | 惠东 | 随州 | 博尔塔拉 | 西藏拉萨 | 临沧 | 海安 | 阿拉尔 | 南平 | 昆山 | 台州 | 黑河 | 琼中 | 盐城 | 玉林 | 丹阳 | 荣成 | 巴彦淖尔市 | 三亚 | 蚌埠 | 东莞 | 甘南 | 琼中 | 诸城 | 高密 | 德宏 | 内蒙古呼和浩特 | 岳阳 | 牡丹江 | 海南 | 梧州 | 日喀则 | 燕郊 | 石河子 | 曲靖 | 湖州 | 桂林 | 伊犁 | 怀化 | 靖江 | 温州 | 景德镇 | 张家界 | 黄山 | 日土 | 燕郊 | 临海 | 乐清 | 怒江 | 兴安盟 | 林芝 | 烟台 | 阿里 | 大兴安岭 | 乌海 | 明港 | 景德镇 | 乌海 | 驻马店 | 招远 | 鞍山 | 呼伦贝尔 | 葫芦岛 | 中卫 | 温岭 | 庆阳 | 济源 | 广元 | 库尔勒 | 赣州 | 兴安盟 | 崇左 | 文昌 | 肇庆 | 长兴 | 周口 | 长治 | 盐城 | 东方 | 海南 | 信阳 | 海南海口 | 黄山 | 盘锦 | 牡丹江 | 屯昌 | 桓台 | 广西南宁 | 枣阳 | 绥化 | 临汾 | 威海 | 忻州 | 莱芜 | 陕西西安 | 桐乡 | 德清 | 新余 | 神木 | 宜昌 | 承德 | 东莞 | 赣州 | 大庆 | 涿州 | 邹城 | 江门 | 白沙 | 云南昆明 | 南充 | 江门 | 河北石家庄 | 阿拉善盟 | 武夷山 | 喀什 | 黔南 | 鹰潭 | 章丘 | 德清 | 乐山 | 滁州 | 十堰 | 日土 | 海西 | 宁波 | 丽水 | 江苏苏州 | 惠州 | 梅州 | 新乡 | 商丘 | 衢州 | 河北石家庄 | 江门 | 张北 | 宿迁 | 淄博 | 青州 | 商洛 | 吴忠 | 玉溪 | 广安 | 贵港 | 武安 | 乳山 | 铜陵 | 神农架 | 自贡 | 桐城 | 灌云 | 武夷山 | 吉林 | 广元 | 锦州 | 无锡 | 晋城 | 六盘水 | 随州 | 广饶 | 乐平 | 常德 | 铜陵 | 承德 | 琼海 | 阜阳 | 温岭 | 商洛 | 临海 | 山南 | 清徐 | 开封 | 台北 | 承德 | 馆陶 | 汝州 | 汕头 | 桐城 | 鹤岗 | 酒泉 | 赣州 | 安徽合肥 | 林芝 | 阿拉尔 | 宜宾 | 盐城 | 丽江 | 济宁 | 灌云 | 温州 | 西双版纳 | 遂宁 | 秦皇岛 | 清徐 | 山东青岛 | 绍兴 | 马鞍山 | 南阳 | 信阳 | 广汉 | 莆田 | 洛阳 | 崇左 | 保定 | 吴忠 | 固原 | 安岳 | 昌吉 | 青海西宁 | 海北 | 迪庆 | 盐城 | 酒泉 | 咸阳 | 黔南 | 百色 | 石河子 | 琼海 | 宁国 | 张掖 | 甘肃兰州 | 克孜勒苏 | 霍邱 | 漯河 | 林芝 | 宁德 | 庄河 | 镇江 | 阿勒泰 | 三明 | 南京 | 承德 | 燕郊 | 基隆 | 贵港 | 江西南昌 | 厦门 | 抚顺 | 潜江 | 岳阳 | 榆林 | 保山 | 莆田 | 大同 | 广西南宁 | 吕梁 | 白城 | 山南 | 晋城 | 甘南 | 荆州 | 馆陶 | 廊坊 | 顺德 | 洛阳 | 海南 | 莒县 | 益阳 | 长治 | 平凉 | 云浮 | 迪庆 | 芜湖 | 临汾 | 湘潭 | 大连 | 郴州 | 赤峰 | 仁怀 | 新乡 | 庄河 | 盐城 | 黄冈 | 万宁 | 赣州 | 山东青岛 | 洛阳 | 德州 | 神农架 | 绥化 | 安岳 | 徐州 | 上饶 | 安岳 | 台中 | 赵县 | 上饶 | 渭南 | 单县 | 滨州 | 乌兰察布 | 南平 | 鹤岗 | 西双版纳 | 防城港 | 忻州 | 桐城 | 博罗 | 长治 | 新疆乌鲁木齐 | 海丰 | 荆州 | 岳阳 | 山南 | 南京 | 任丘 | 义乌 | 张家口 | 防城港 | 仁寿 | 石河子 | 南通 | 邹城 | 阿拉尔 | 咸阳 | 新疆乌鲁木齐 | 如皋 | 忻州 | 邳州 | 遵义 | 河北石家庄 | 巢湖 | 佳木斯 | 昌吉 | 酒泉 | 高雄 | 海北 | 铜陵 | 图木舒克 | 舟山 | 北海 | 泗阳 | 文山 | 随州 | 辽宁沈阳 | 文山 | 新沂 | 海宁 | 博罗 | 喀什 | 黔西南 | 晋江 | 白银 | 吉林 | 安庆 | 宿迁 | 许昌 | 大庆 | 金昌 | 恩施 | 锡林郭勒 | 赣州 | 招远 | 晋江 | 忻州 | 湘潭 | 宝鸡 | 甘孜 | 海宁 | 临海 | 宿迁 | 平凉 | 石嘴山 | 醴陵 | 南京 | 凉山 | 松原 | 汕头 | 上饶 | 陕西西安 | 河北石家庄 | 台湾台湾 | 赣州 | 石河子 | 茂名 | 吴忠 | 温州 | 酒泉 | 六盘水 | 晋中 | 铜仁 | 宁国 | 图木舒克 | 济南 | 石河子 | 宜春 | 伊犁 | 吐鲁番 | 安顺 | 扬州 | 梅州 | 泸州 | 枣阳 | 铁岭 | 吴忠 | 金坛 | 酒泉 | 上饶 | 泗阳 | 牡丹江 | 昌吉 | 永州 | 龙口 | 淮南 | 枣庄 | 包头 | 仁寿 | 大庆 | 忻州 | 鹰潭 | 儋州 | 威海 | 昆山 | 蚌埠 | 湛江 | 驻马店 | 盘锦 | 莒县 | 荆门 | 永州 | 梧州 | 瑞安 | 承德 | 昌都 | 抚州 | 三亚 | 乌海 | 岳阳 | 仁怀 | 池州 | 七台河 | 通辽 | 新沂 | 乌兰察布 | 株洲 | 常德 | 葫芦岛 | 益阳 | 开封 | 安阳 | 琼海 | 三明 | 临沧 | 徐州 | 大庆 | 达州 | 广西南宁 | 绥化 | 大理 | 荆门 | 灵宝 | 周口 | 莆田 | 曹县 | 天长 | 乐清 | 惠州 | 曲靖 | 景德镇 | 内江 | 渭南 | 招远 | 株洲 | 巴中 | 临汾 | 新沂 | 葫芦岛 | 保定 | 黄山 | 包头 | 镇江 | 孝感 | 通辽 | 三亚 | 荆门 | 恩施 | 吉林 | 海南 | 安康 | 仁怀 | 保定 | 博罗 | 百色 | 吉林 | 抚州 | 南京 | 百色 | 安吉 | 江苏苏州 | 柳州 | 南京 | 烟台 |