Safari炫掐、Chrome & Opera簡析之書簽

Safari、Chrome & Opera

主要針對這三款瀏覽器睬涧,添加書簽的交互方式募胃,做一個淺薄的分析:

就添加書簽而言旗唁,我覺得谷歌Chrome的交互方式更加直接易懂,方便用戶理解和操作痹束,也是目前使用比較廣泛的方式检疫,比如360的瀏覽器,使用的也是這種模式進(jìn)行書簽的添加祷嘶。

Opera瀏覽器也有類似的交互方式屎媳,但是是添加收藏之后,并不會同步到書簽欄(當(dāng)然可以從收藏夾里選擇是否要顯示在書簽欄上)论巍。如果是直接添加到書簽欄烛谊,需要點(diǎn)擊書簽欄最左邊的“+”來添加。這種交互的方式在主流瀏覽器中环壤,見到的還算比較少的,但是從邏輯上來分析钞诡,還是很有見解的(但是郑现,添加新頁面的按鈕和添加書簽的按鈕UI居然一模一樣,我第一次使用的時候是有點(diǎn)困惑的荧降,感覺會造成用戶理解困難):

書簽欄能夠存儲的數(shù)目是有限的接箫,多了的話,通常都會被自動隱藏朵诫,使用的過程中辛友,我們經(jīng)常打開的網(wǎng)站也就那么固定的幾個,但是剪返,我們在瀏覽網(wǎng)頁的過程中废累,可能會發(fā)現(xiàn)某些比較有意思的網(wǎng)站想要收藏下來,基于這種使用情境脱盲,Opera的交互流程就顯得特別科學(xué)了邑滨。我們通過常用的四象法來分析這個問題:

通過四象法來分析Opera關(guān)于收藏和書簽欄的交互邏輯

使用頻率高的無疑要放到很容易點(diǎn)擊到的地方,易用钱反,即書簽欄掖看。不過,使用頻率低面哥,但是很有意思的網(wǎng)站哎壳,就收進(jìn)收藏夾了,某天想起來尚卫,去收藏夾搜羅搜羅归榕,當(dāng)然了,你自己可以把自己的收藏夾整理得井井有條吱涉。

再來談?wù)凷afari:

之所以把固定到標(biāo)簽欄和書簽欄拿出來對比蹲坷,是因為我在最初使用的時候驶乾,把前者直接用成了書簽欄,體驗很奇怪——好用又不好用循签。瀏覽各種東西的時候级乐,遇到什么不懂的,想要百度一下县匠,習(xí)慣性地立馬點(diǎn)到第一個风科,真的炒雞方便(可能有人說:我從書簽點(diǎn)進(jìn)去不也一樣嗎?但是乞旦,從書簽點(diǎn)進(jìn)去的話贼穆,還要等待加載不是嘛,從標(biāo)簽欄點(diǎn)進(jìn)去不需要加載啊兰粉,直接百度故痊,整個操作過程特別流暢),但是玖姑,看看后面幾個圖標(biāo)愕秫,你知道是啥不?固定到標(biāo)簽欄焰络,對很多國內(nèi)網(wǎng)站的支持性并不是很好戴甩,如圖,固定到標(biāo)簽欄的一列網(wǎng)站分別為——百度闪彼、人人都是產(chǎn)品經(jīng)理甜孤、花瓣、學(xué)UI畏腕、知乎缴川、微博,除了像百度描馅、知乎以及微博之類的大站二跋,對其他的網(wǎng)站支持性并不是很好,不能主動添加為網(wǎng)站的LOGO流昏,轉(zhuǎn)而是網(wǎng)站域名的首字母(人人都是產(chǎn)品經(jīng)理——W扎即;花瓣——H;學(xué)UI——X况凉;)谚鄙,加重了用戶的記憶和理解負(fù)擔(dān)。所以說刁绒,這個設(shè)計的初衷就不是讓你把“學(xué)UI”類似的網(wǎng)站都放在上面的闷营。

個人覺得,Safari的固定到標(biāo)簽欄和書簽欄這兩個功能,是完全相互獨(dú)立的傻盟,設(shè)計師在設(shè)計的時候速蕊,賦予了他們完全不同的使命。標(biāo)簽欄本身就不可能放太多東西娘赴,地理位置比書簽欄還要寸土寸金规哲,所以蘋果就采用了小圖片,無文字诽表,從而節(jié)省空間唉锌。所以,什么網(wǎng)頁需要固定到標(biāo)簽欄竿奏?當(dāng)然是使用頻率超級超級高的袄简,比如經(jīng)常使用到的搜索頁面,不然也對不起這地理位置泛啸。

而書簽欄就只是書簽欄绿语,跟所有的瀏覽器相同。不過上方的書簽欄只有文字候址,沒有小圖標(biāo)加以引導(dǎo)吕粹,這個有點(diǎn)不美好(這很蘋果)。

所以不喜歡的話宗雇,就別開啟了吧昂芜,直接去添加新頁面莹规。

Safari的個人收藏

關(guān)于書簽欄赔蒲,最理想的狀態(tài),或者說是我(們)習(xí)慣的良漱,還是谷歌Chrome這樣的:

Chrome的書簽欄

LOGO和名字相結(jié)合舞虱,也是現(xiàn)在的主流方式。這樣子母市,用戶使用起來的體驗感就會好一點(diǎn)矾兜,幾乎沒有什么理解或者是記憶上的負(fù)擔(dān)。而且患久,通常情況下椅寺,用戶更加愿意讀圖,這個時候蒋失,小圖標(biāo)更加方便用戶一眼就找到目標(biāo)返帕,然后就點(diǎn)進(jìn)去啦!

OK篙挽!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末荆萤,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌链韭,老刑警劉巖偏竟,帶你破解...
    沈念sama閱讀 211,561評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異敞峭,居然都是意外死亡踊谋,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,218評論 3 385
  • 文/潘曉璐 我一進(jìn)店門儡陨,熙熙樓的掌柜王于貴愁眉苦臉地迎上來褪子,“玉大人,你說我怎么就攤上這事骗村∠油剩” “怎么了?”我有些...
    開封第一講書人閱讀 157,162評論 0 348
  • 文/不壞的土叔 我叫張陵胚股,是天一觀的道長笼痛。 經(jīng)常有香客問我,道長琅拌,這世上最難降的妖魔是什么缨伊? 我笑而不...
    開封第一講書人閱讀 56,470評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮进宝,結(jié)果婚禮上刻坊,老公的妹妹穿的比我還像新娘。我一直安慰自己党晋,他們只是感情好谭胚,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,550評論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著未玻,像睡著了一般灾而。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上扳剿,一...
    開封第一講書人閱讀 49,806評論 1 290
  • 那天旁趟,我揣著相機(jī)與錄音,去河邊找鬼庇绽。 笑死锡搜,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的瞧掺。 我是一名探鬼主播耕餐,決...
    沈念sama閱讀 38,951評論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼夸盟!你這毒婦竟也來了蛾方?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,712評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎桩砰,沒想到半個月后拓春,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,166評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡亚隅,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,510評論 2 327
  • 正文 我和宋清朗相戀三年硼莽,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片煮纵。...
    茶點(diǎn)故事閱讀 38,643評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡懂鸵,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出行疏,到底是詐尸還是另有隱情匆光,我是刑警寧澤,帶...
    沈念sama閱讀 34,306評論 4 330
  • 正文 年R本政府宣布酿联,位于F島的核電站终息,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏贞让。R本人自食惡果不足惜周崭,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,930評論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望喳张。 院中可真熱鬧续镇,春花似錦、人聲如沸销部。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,745評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽柴墩。三九已至忙厌,卻和暖如春凫岖,著一層夾襖步出監(jiān)牢的瞬間江咳,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,983評論 1 266
  • 我被黑心中介騙來泰國打工哥放, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留歼指,地道東北人。 一個月前我還...
    沈念sama閱讀 46,351評論 2 360
  • 正文 我出身青樓甥雕,卻偏偏與公主長得像踩身,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子社露,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,509評論 2 348

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,769評論 25 707
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案挟阻? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,737評論 1 92
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫呵恢、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,064評論 4 62
  • 第一題:批評艾利克森的刻意練習(xí)的證據(jù)多是來自“客觀”世界較低的活動好渠,但是對于“客觀”世界較高的活動怎么練文虏,提出了三...
    高剛高剛閱讀 281評論 0 0
  • 2017年7月27日周四 親愛的戴文: 今天的陽光不錯,夏日的北京坷备,雖然大暑剛過熄浓,卻有了幾分清涼,謝謝你昨天晚上特...
    e9ee4be18bb2閱讀 922評論 0 5