<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>

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