亚洲步兵一区二区三区-日韩精品伦理在线一区-亚洲色诱视频免费观看-久久人妻视频免费观看

廣州總部電話:020-85564311
廣州總部電話:020-85564311
20年
互聯網應用服務商
請輸入搜索關鍵詞
知識庫 知識庫

優網知識庫

探索行業前沿,共享知識寶庫

果然還是專業的,淘寶PC端設計改版大變樣

發布日期:2024-11-06 11:00:36 瀏覽次數: 1469 來源:互聯網產品設計

自从进入移动互联网时代后,市场的目光都放在手机APP的体验上,对于桌面Web端的体验缺乏关注。但事实上因为桌面端大屏幕的体验特性,Web端淘宝网依然存在一批忠实用户。为保证这些用户的使用体验,手淘设计团队近期针对Web端淘宝网进行了全链路的改造升级。


#01
更大的屏幕,更高的效率

之所以存在部分用户更加喜欢使用Web端淘宝,核心在于桌面端设备相较于手机设备,能够提供更大的屏幕面积。而这也是我们这次改版核心切入点:如何利用更大的屏幕,带给用户更高效的购物体验?

老版淘宝网还采用的是定宽1200px的栅格体系,使得其整体屏效仅有62%,无法满足现在用户的诉求。所以,我们首先需要构建一套桌面端栅格框架。




PC屏幕分辨率特性


  1. 显示器屏幕在过去数年内得到了很大的提升,目前市场大部分主流的分辨率达到了1920px以上。
  2. 不同于手机设备,PC显示器分辨率集中度很低,且差异度较大,宽度从1024-2560之间均有分布。



基于显示设备的特性,代表栅格框架需满足这样的条件:

  1. 高屏效,让内容能够尽可能充满越来越大的屏幕。
  2. 自适应,保证不同尺寸屏幕下,内容展示体验一致。



栅格框架定义


基于这样的诉求,我们重新定义了新版栅格框架。




通过前端封装栅格框架,为各个页面提供元素容器宽度计算能力。来快速的实现所有页面的内容自适应,保证不同屏幕尺寸下的展示效果。



#02
全链路改造

确定更高屏效的框架后,在链路侧中,我们该怎么应用这套来提升用户体验,核心在于两个方面:
1. 看到更多内容
2. 操作更加高效



更多丰富的内容

首页,搜索,直播链路升级改造


基于新版的栅格框架,屏效得到了大幅提升,从而使得屏幕中能够放下更多信息内容,在如:首页,搜索,直播等内容展示型的链路中。能够让我们有更多的空间去容纳更丰富的信息。



1. 更丰富的首页内容


首页内容框架从1200px扩宽至1920px。扩大的内容能够放下更多商品内容。同时针对首页运营位,提供模块化搭建能力,首页将根据不同节点场景搭建对应的坑位内容。




2. 更沉浸浏览的搜索结果


搜索内容丰富,筛选简化,突出商品结果内容,更加沉浸浏览。


3. 大屏看直播更爽


充分利用大屏幕所带来的优势,将视频内容搬移到网页端,带来更佳的直播观看体验。



更高效的购物体验

详情,购物车,下单链路升级改造


基于PC端横向屏幕比例的拓展,设计层面能够在操作决策链路上,拍平交互流程,为用户带来更佳高效的购物体验。



1. 双列流结构详情,提升购物决策效率


详情是用户浏览商品,选择款式,加购下单的核心页面。承载大量信息展示和操作。当屏幕横向空间扩大后,在详情布局结构上,手淘设计师也相应进行改造,形成双列流布局。



2. 购物下单链路


在购物下单链路中,同样为提升用户操作效率。优化原先单列布局结构,改为双列布局。用户左侧选择商品,右侧查看具体金额和满减信息,提升效率。



#03
最后总结


Web端有别于移动端的交互特性,在设计上也能够带来更多的交互形式上的创新。如已经在探索的:小窗模式,分屏模式等等。手淘设计师也将继续持续优化Web端淘宝网的用户体验。

優網科技,優秀企業首選的互聯網供應服務商

優網科技秉承"專業團隊、品質服務" 的經營理念,誠信務實的服務了近萬家客戶,成為眾多世界500強、集團和上市公司的長期合作伙伴!

優網科技成立于2001年,擅長網站建設、網站與各類業務系統深度整合,致力于提供完善的企業互聯網解決方案。優網科技提供PC端網站建設(品牌展示型、官方門戶型、營銷商務型、電子商務型、信息門戶型、微信小程序定制開發、移動端應用(手機站、APP開發)、微信定制開發(微信官網、微信商城、企業微信)等一系列互聯網應用服務。


我要投稿

姓名

文章鏈接

提交即表示你已閱讀并同意《個人信息保護聲明》

專屬顧問 專屬顧問
掃碼咨詢您的優網專屬顧問!
專屬顧問
馬上咨詢
聯系專屬顧問
聯系專屬顧問
聯系專屬顧問
掃一掃馬上咨詢
掃一掃馬上咨詢

掃一掃馬上咨詢

和我們在線交談!
主站蜘蛛池模板: 污黄网站视频在线观看| 国产麻豆免费视频一区二区| 可亚洲人妻一区二区三区| 精品欧美日韩中文字幕在线一区| 欧美一区二区精品国产激情爱| 91在线精品一区二区麻豆| 青青草视频在线视频在线| 国产精品午夜福利免费| 网友偷拍一区二区三区| 免费日本中文字幕在线| 国产成人免费av在线播放欲色| 人妻少妇精品视频在线中文字幕| 人妻久久精品天天中文字幕| av网站福利导航在线| 人妻在线中文字幕一区| 亚洲黄色av免费网站| 网友自拍视频区第一页| 亚洲综合乱色一区二区三区| av天堂资源在线地址| 国产目拍亚洲精品一区二区三区| 欧美日韩国产一区二区的| 日韩中文字幕福利视频| 中文字幕在线看视频国产欧美 | 蜜桃精品乱码一区二区三区| 在线视频你懂的色日韩| 男女很黄很色床视频中文字幕| 亚洲综合偷自成人网第页| 欧美亚洲成人动漫在线| 午夜伦理国产免费三区| 国产欧美日韩视频在线| 日本高清久操人妻在线| 东北老熟女91对白真实 | 好看的中文字幕视频一区二区三区 | 亚洲欧美中文字幕视频| 激情视频在线一区二区| 熟女少妇av一区二区三区| 亚洲国产精品乱码久久久久久| 欧美国产精品一区二区三区免费| 麻豆精品秘一区二区三区| 亚洲精品少妇av网站| 黄色美女久久久久久久|