技術問答
技術文章
iT 徵才
Tag
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2017 iT 邦幫忙鐵人賽
DAY
23
0
自我挑戰組
你看微客=[ 前端領域 - 超入門 ]
系列 第
23
篇
RWD---[ 響應式網站 ( 六 ) ]---無用小觀念
2017鐵人賽
ucvic
2017-01-04 17:48:53
2089 瀏覽
分享至
響應式網站 ( 六 )
可以嘗試設計讓網站上
每個頁面最多經過 3 次點擊就可以被找到
,這樣的好處是可以讓使用者盡可能容易的取得任何他們想要的東西。
在設計小螢幕的行動裝置導覽時,請
不要將所有導覽項目的文字佔滿整個畫面
,務必留一些空間讓使用者
在不捲動螢幕的狀態下就可以看見有趣的內容
。
固定導覽列( 不隨捲動頁面移動 )的方式只適合使用在寬螢幕的設備,因為小螢幕能展示的空間有限,較適合採用點擊展開方式的隱藏導覽列。
一個好的導覽列是
能站在使用者擷取所需資料的角度去設計路徑
,而非只是提供一個網站階層結構。
響應式網站一般會需要較長的時間來載入( load )及渲染( render )
,故在設計時就必須將
效能
列為必要的開發調整項目之一。
根據研究,
等待網站載入的時間若超過 5 秒,有超過七成的使用者會放棄離開
,所以網站的效能( 速度 )是非常重要的。
網站速度是 google 搜尋引擎排名演算法考量的重要因素之一,因為網站速度會影響使用者體驗
(
UX
)。
網站的主要目的是
提供資訊與互動
給使用者,若額外的視覺效果拖慢了網站速度,這就本末倒置了。
行動上網與一般家用網路會持續連結網際網路不同,因為頻寬有限,只有在發出請求時才會開始連結網際網路,
等待連結的過程一定會產生延遲( latency ),這是無法避免的
。
留言
追蹤
檢舉
上一篇
RWD---[ 響應式網站 ( 五 ) ]---無用小觀念
下一篇
RWD---[ 響應式網站 ( 七 ) ]---無用小觀念
系列文
你看微客=[ 前端領域 - 超入門 ]
共
30
篇
目錄
RSS系列文
訂閱系列文
17
人訂閱
26
React---[ 自訂元件、props特性 ]---無用小觀念
27
React---[ state 狀態、事件處理 ]---無用小觀念
28
React---[ JSX ]---無用小觀念
29
Git---[ Git 基本觀念 ]
30
30天鐵人賽---[ 參賽心得 ]
完整目錄
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
10650
篇
完賽人數
102
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
17th鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
windows server
linux
css
react
熱門問題
Esxi 8.0版本上的虛擬機器, 安裝的作業系統是Windows Server 2025, 確定輸入的密碼是正確的, 無法登入(顯示密碼錯誤)
【求助】顯卡/主板 支援 PCIe4.0 為何 Host to Device (H2D) 只剩 Gen1 速度 (0.5 GB/s) ?
HP iLo Advanced trial license
在線求大神,千奧軟體主機怎麼安裝
Docker Compose 建立 GitLab 容器,執行器 Runner 運行流水線問題
windows server無法使用gpedit.msc
因為網路磁碟的關係造成系統自動重新開機
Java證照題目(main() method)
iatf16949資訊稽核
iatf16949資訊稽核內容
熱門回答
Esxi 8.0版本上的虛擬機器, 安裝的作業系統是Windows Server 2025, 確定輸入的密碼是正確的, 無法登入(顯示密碼錯誤)
因為網路磁碟的關係造成系統自動重新開機
iatf16949資訊稽核
【求助】顯卡/主板 支援 PCIe4.0 為何 Host to Device (H2D) 只剩 Gen1 速度 (0.5 GB/s) ?
windows server無法使用gpedit.msc
熱門文章
[為你自己學 n8n] 第 3 天,打開控制台,認識你的自動化駕駛艙!
第4天,數位憑證的產生 / 中崙張記藥膳排骨 排骨讚(台北松山)| 30天滷肉飯
第4天,Cloudflare Public DNS 與 WARP / 滷小小 美味的滷味 | 30天板橋湳雅夜市
第3天, 公鑰與私鑰 / 一甲子餐飲 都是韓國人在吃(台北萬華)| 30天滷肉飯
第3天,Cloudflare 導入模式 / 豪記無骨御鮮雞 超好吃的雞 | 30天板橋湳雅夜市
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}