如何构建一个优秀的移动网站?谷歌专家教你25招(五)[转]_html/css_WEB-ITnose
?21、你的产品图像需要支持大图显示
顾客想要看看自己买的产品。在零售网站上,用户希望可以看到分辨率更高的产品图片,这样可以看到更多细节,如果网站不支持产品大图显示,肯定会让用户觉得非常失望。
关键要素:对于产品照片这些关键图片而言,需要提供高质量的特写图片。
?22、告知用户在哪种屏幕方向上访问网站最舒服
用户往往会在一个固定的屏幕方向上访问网站,除非有提示告诉他们切换屏幕方向(比如在观看视频的时候)。你可以设计网站的时候就考虑到垂直和水平两种屏幕方向的浏览方式,并鼓励用户切换到最佳屏幕方向上。但是无论如何切换屏幕方向,你必须要确保一些重要的“行为召唤”内容能够清晰的显示在网站上面。
关键要素:你可以和用户交流一下最佳屏幕方向,但是要确保重要的“行为召唤”内容保持在醒目位置上。
?23、让用户保持在单独一个浏览器窗口里访问你的网站
在智能手机上频繁切换窗口是一件非常麻烦的事儿,而且用户还有可能找不到如何回到你的网站上去。所以,要让用户在单独一个窗口里浏览你的网站。特别要提到的是,不要在新窗口打开“行为召唤”内容。
关键要素:要确保“行为召唤”内容在单独一个浏览器窗口里显示。
?24、避免“全网站”标签
用户一旦看到“全王权”这个选项,就会觉得是不是“移动网站”是被压缩的精简版网站,最终纷纷选择点击进入“全网站”。即便是桌面网站和移动网站的内容一致,也会给用户造成误解,因此,你完全可以用“桌面网站”标签,代替“全网站”。
关键要素:要给用户一个简单的网站切换体验,用“桌面网站”标签,代替“全网站”标签。
?25、你必须要清楚自己为什么需要用户的地址信息
用户一般都希望了解,为什么你会向他们要地理位置信息。比如某用户在一家旅游网站上面订其他城市的酒店,但是他就感到很奇怪,因为这个网站会要求该用户提供目前所在的地理位置信息。所以,你需要把网站上地理位置这一栏默认为空,然后让用户自己选择,或是为用户提供一个清晰的“行为召唤”操作,比如“在我附近查找”,等等。
关键要素:你必须要清楚自己为什么需要用户的地址信息,然后要了解这些信息是如何影响用户体验的
针对上述这25个要点,谷歌公司用户体验研究员Jenny Gove总结了最重要的四点建议,分别如下:
?1、 添加一个醒目的搜索条
如果你的移动网站还没有一个搜索条,那么真的需要赶紧添加一个了。“在移动终端上,人们希望能够快速找到自己需要的东西,因此我们发现,人们对搜索条的需求很大,而且最好能够放在主页上面。”Gove解释说道。
当然啦,作为由谷歌发起的研究项目,推荐在网站醒目位置安装搜索条似乎并不让人感到意外。但实际上,谷歌公司发现,用户其实并不介意使用搜索条,因为这样可以让他们快速找到自己需要的信息。
?2、 把大表格拆分成小块
谷歌发现,许多网站都会要求用户提供各种各样的信息,比如地址信息(寄送商品时需要),信用卡号(支付买单时需要),等等。而在填写这些信息的时候,网站往往都会提供一个长长的表格页面,上面有各种输入框,非常复杂。所以,如果能把这些表格拆分成更小,更容易理解的小块,效果可能会更好。
另外,Gove建议,最好能够显示表格填写的步骤。而且最好在填写时可以实时验证输入内容的正确性,比如用户在输入自己的邮政编码时,可以实时校验。
?3、 允许用户匿名浏览
有些购物网站会要求用户必须注册或登录才能进行购买操作。而有些网站更夸张,必须注册或登录后才能进行浏览。这两种方式都是大错特错。
Gove表示,“如果你准备创建一个零售网站,如果用户没有注册帐号,那么完全可以为他们提供一个访客的身份。没错,商家都希望用户可以注册登录,但是他们完全可以在买单之后才进行操作。”
?4、 要支持设备之间的便捷切换
因为人们都是随时随地使用移动终端,因此很有可能在使用过程中被某件事情打断,然后转移到笔记本电脑上面工作去了。
Gove认为,最悲催的体验就是,当用户切换设备之后,无法继续自己之前的使用体验,如果让用户复制粘贴自己访问的URL,简直是太麻烦了。
最好的解决方案就是,移动网站可以提供一个快捷按键,然后自动把当前的链接,或访问内容发送到用户自己的邮箱里面,然后不管之后用户在什么设备上面登录,都可以继续自己的使用体验。
最后,Gove觉得谷歌通过用户研究,清晰的定位了构建移动网站存在的问题,她觉得,虽然问题不少,但好在这些问题都能够被识别出来,而如果这些问题可以被人们写下来,就意味着,人们也有能力解决这些问题。

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

本文推荐十大值得关注的加密货币交易平台,涵盖币安(Binance)、OKX、Gate.io、BitFlyer、KuCoin、Bybit、Coinbase Pro、Kraken、BYDFi和XBIT去中心化交易所。这些平台在交易币种数量、交易类型、安全性、合规性、特色功能等方面各有千秋,例如币安以其全球最大的交易量和丰富的功能著称,而BitFlyer则凭借其日本金融厅牌照和高安全性吸引亚洲用户。选择合适的平台需要根据自身交易经验、风险承受能力和投资偏好进行综合考量。 希望本文能帮助您找到最适合自

本文詳細介紹了歐易OKEx賬號的註冊、使用和註銷流程。註冊需下載APP,輸入手機號或郵箱註冊,完成實名認證。使用方面涵蓋登錄、充值提現、交易以及安全設置等操作步驟。而註銷賬號則需要聯繫歐易OKEx客服,提供必要信息並等待處理,最終獲得賬號註銷確認。 通過本文,用戶可以輕鬆掌握歐易OKEx賬號的完整生命週期管理,安全便捷地進行數字資產交易。

本文提供Binance幣安註冊及安全設置的完整指南,涵蓋註冊前的準備工作(包括設備、郵箱、手機號及身份證明文件準備),詳細介紹了官網及APP兩種註冊方式,以及不同級別的身份驗證(KYC)流程。此外,文章還重點講解瞭如何設置資金密碼、開啟雙重驗證(2FA,包括谷歌身份驗證器和短信驗證)以及設置防釣魚碼等關鍵安全步驟,幫助用戶安全便捷地註冊和使用Binance幣安平台進行加密貨幣交易。 請務必在交易前了解相關法律法規及市場風險,謹慎投資。

如何優化jieba分詞以改善景區評論的關鍵詞提取?在使用jieba分詞處理景區評論數據時,如果發現分詞結果不理�...

gate.io手機app使用教程:1、安卓用戶,訪問 Gate.io 官方網站,下載安卓安裝包,您可能需要在手機設置中允許安裝來自未知來源的應用;2、ios用戶,在 App Store 中搜索 "Gate.io" 下載。

虛擬貨幣“最老”排行榜如下:1. 比特幣(BTC),發行於2009年1月3日,是首個去中心化數字貨幣。 2. 萊特幣(LTC),發行於2011年10月7日,被稱為“比特幣的輕量版”。 3. 瑞波幣(XRP),發行於2011年,專為跨境支付設計。 4. 狗狗幣(DOGE),發行於2013年12月6日,基於萊特幣代碼的“迷因幣”。 5. 以太坊(ETH),發行於2015年7月30日,首個支持智能合約的平台。 6. 泰達幣(USDT),發行於2014年,是首個與美元1:1錨定的穩定幣。 7. 艾達幣(ADA),發

本文詳細介紹了歐易OKEx網頁版登錄的完整步驟,包括準備工作(確保網絡連接穩定及瀏覽器更新)、訪問官網(注意網址準確性,避免釣魚網站)、找到登錄入口(點擊官網首頁右上角的“登錄”按鈕)、輸入登錄信息(郵箱/手機號及密碼,支持驗證碼登錄)、完成安全驗證(滑動驗證、谷歌驗證或短信驗證)等五個步驟,最終成功登錄後即可進行數字資產交易等操作。 安全便捷的登錄流程,保障用戶資產安全。

2025年全球虛擬幣交易平台Top 10推薦,助您玩轉數字貨幣市場!本文將為您深度解析幣安(Binance)、OKX、Gate.io、BitFlyer、KuCoin、Bybit、Coinbase Pro、Kraken、BYDFi和XBIT去中心化交易所等十家頂級平台的核心優勢和特色功能。無論是追求高流動性、豐富的交易類型,還是注重安全合規、創新功能,都能在此找到適合您的平台。 我們將從交易品種、安全性、特色功能等方面進行全面對比,助您選擇最合適的虛擬貨幣交易平台,把握2025年數字貨幣投資機遇
