技術問答
技術文章
iT 徵才
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2017 iT 邦幫忙鐵人賽
DAY
23
0
自我挑戰組
你看微客=[ 前端領域 - 超入門 ]
系列 第
23
篇
RWD---[ 響應式網站 ( 六 ) ]---無用小觀念
2017鐵人賽
ucvic
2017-01-04 17:48:53
2119 瀏覽
分享至
響應式網站 ( 六 )
可以嘗試設計讓網站上
每個頁面最多經過 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
組
累計文章數
19856
篇
完賽人數
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
熱門問題
防火牆fortinet只開放line 問題
Gem如何找到該功能?!我是Gemini付費使用者
中華電信光纜當骨幹...SWminigbic無法正常使用
我在做 packet tracer 的題目,想請問一下該怎麼做
dhcp 在client 端機碼設定的問題
照片破圖或是有損壞,如何修復?
熱門回答
防火牆fortinet只開放line 問題
中華電信光纜當骨幹...SWminigbic無法正常使用
我在做 packet tracer 的題目,想請問一下該怎麼做
dhcp 在client 端機碼設定的問題
熱門文章
Agentic AI 開發實戰:我是如何設計 “Code + LLM” 混合架構,解決 AI品質不穩的問題?
ISC2 CC 證照考試筆記和影片
VScode 開發應用系統專案(10) - Spring boot MVC 應用系統設計(1)
【資料治理實戰回憶錄】04. 拆解元數據 (下):讓資料「用起來」
[gem5] 該怎麼編譯以及運行 gem5 ?
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}