技術文章
技術問答
iT 徵才
聊天室
2026 鐵人賽
登入/註冊
文章
問答
Tag
邦友
鐵人賽
搜尋
2017 iT 邦幫忙鐵人賽
DAY
23
0
自我挑戰組
你看微客=[ 前端領域 - 超入門 ]
系列 第
23
篇
RWD---[ 響應式網站 ( 六 ) ]---無用小觀念
2017鐵人賽
ucvic
2017-01-04 17:48:53
2207 瀏覽
分享至
響應式網站 ( 六 )
可以嘗試設計讓網站上
每個頁面最多經過 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
組
累計文章數
19837
篇
完賽人數
528
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
17th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
react
熱門問題
Seeed XIAO ESP32-S3 透過 UART (921600) 無法發送 AT 指令到 Grove Vision AI V2 (Himax WE2)
Windows XP作業系統,程式存取SQL SERVER 2025失敗
SAP B1 如何將"自定義表格"匯出並且匯入到另一個資料庫
webview cab 封包檔
熱門回答
Windows XP作業系統,程式存取SQL SERVER 2025失敗
SAP B1 如何將"自定義表格"匯出並且匯入到另一個資料庫
熱門文章
我不信任 AI 的自律,所以把「限制」寫死在資料庫裡
大家都怕依賴 AI,但真正天天用 AI 的人似乎沒那麼怕
AI Agent 時代的下一個問題:當第 101 次決策出錯時,誰來負責?
ERP 該為哪一代前端技術下注?
Adobe Acrobat 太貴?PDF-XChange Editor 值得認真看看
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}