建站常識
淺議手機客戶端設(shè)計:(四)客戶端導(dǎo)航設(shè)計
2009-05-25 08:18:00
一、前言
之前關(guān)于手機客戶端導(dǎo)航曾經(jīng)羅列一些常見的到導(dǎo)航設(shè)計,見下面兩篇,當(dāng)時本來想寫第三篇的,由于手頭事情耽擱下來了,現(xiàn)在繼續(xù)此話題繼續(xù)扯一下。
1. 淺議手機客戶端軟件導(dǎo)航設(shè)計(1) 2. 淺議手機客戶端軟件導(dǎo)航設(shè)計(2)
二、導(dǎo)航如何選擇
就盆地個人的看法,可以從如下幾個方面去考慮導(dǎo)航的選擇:
1.遵從用戶習(xí)慣
遵從用戶習(xí)慣是指導(dǎo)航的操作、排列、切換等形式盡量和用戶的常用軟件、操作形式保持一致。比如上下鍵在界面上體現(xiàn)的就應(yīng)該是控制上下焦點的移動,在播放器中一般中鍵就是暫停和播放的等等。
之前文章中給出的UCWEB(6.3beta)的頻道切換時采用右軟鍵來切換(后來的版本已經(jīng)改為迎合用戶習(xí)慣的標(biāo)簽形式),這一點是和用戶的習(xí)慣相違背的。
Nokia的維信,雖然說理念非常不錯,但在操作上更多是讓人感覺新奇,用戶友好性和在手機的操作便利性上不敢恭維,還好可以在電腦上配合進行一部分操作。
2.提示明顯,操作響應(yīng)及時
提示明顯指用戶可以根據(jù)固有習(xí)慣或提示知道如何操作;操作響應(yīng)及時指兩個方面,一方面指操作要有響應(yīng),另外一方面響應(yīng)需要及時和明顯。
比如魔橙的左右軟鍵提示被隱藏,用戶不試驗就不知道可以操作左右軟鍵,下方的方塊其實是代表一個個頻道,這個甚至?xí)層脩舨聹y不出來。為了界面的"美觀"犧牲了用戶的體驗,盆地個人認(rèn)為是得不償失的。
3.參考平臺常見界面
在Symbian平臺中最常見的是三類:列表、九宮格、標(biāo)簽三種導(dǎo)航方式,采用這幾種方式或類似的方式設(shè)計的導(dǎo)航用戶的學(xué)習(xí)成本會比較低。
在windows mobile平臺常見的有九宮格、頻道在下方的標(biāo)簽等形式。
這幾種單獨采用或者組合采用是最常見的導(dǎo)航形式,而有些產(chǎn)品的標(biāo)新立異大幅增加了用戶的學(xué)習(xí)成本,導(dǎo)致使用難度增加。
比如手機msn采用的兩級導(dǎo)航,其中第二級導(dǎo)航是需要"#"激活二級導(dǎo)航,然后左右鍵選擇后中鍵確認(rèn)才能進入相應(yīng)到相應(yīng)頻道,使用非常不便。
盆地在項目中也曾經(jīng)參考過手機msn進行過導(dǎo)航設(shè)計,雖然對二級導(dǎo)航做了一點優(yōu)化設(shè)計,調(diào)整為"#"直接切換二級導(dǎo)航的形式,但即使這樣,使用起來還是非常不便。
而維信的導(dǎo)航如果脫離了PC端的排版和整理,在用戶使用上則可用性就更差,盆地個人也認(rèn)為是一個不成功的導(dǎo)航設(shè)計。
類似之前文章中提到的飛信3.0、MIMO等更多參考了windows Mobile平臺的一些界面。
4.同產(chǎn)品和營銷配套
導(dǎo)航的選擇也應(yīng)該和產(chǎn)品的類型、功能以及采用的營銷策略等相配合,比如產(chǎn)品是一個非常純粹的功能類似搜狗輸入法、來電通、列車時刻表等,則沒有必要設(shè)定九宮格、標(biāo)簽等比較復(fù)雜的導(dǎo)航方式,列表是一個很合適的選擇,用戶也非常熟悉和容易接受。
如果產(chǎn)品功能很清晰分為幾塊,且這幾塊用戶都比較清楚,則可以采用九宮格方式。不過九宮格方式由于一開始進去就看到一個個塊,適合功能性產(chǎn)品。
標(biāo)簽的方式更適合內(nèi)容類的,可以一進去就可以看到具體的內(nèi)容,不像九宮格進去只能看到一個個的宮格,從而只能對功能而非內(nèi)容有直接的了解。
如果是一個需要引導(dǎo)使用的產(chǎn)品,則初次使用可以采用引導(dǎo)式,引導(dǎo)用戶一步步完成。
如果是有營銷需要,界面中還需要配套營銷信息,包括在導(dǎo)航中如何排版和哪一步出現(xiàn)等。
5.別太急進
在手機設(shè)計和手機客戶端設(shè)計發(fā)展這么多年的時間,除了這里提到的一些導(dǎo)航方式外,還是有很多沒有提到的導(dǎo)航方式。
不少做設(shè)計的朋友們可能更希望在設(shè)計時達(dá)到驚艷、顛覆傳統(tǒng)等目標(biāo),不過要知道,雖然我們可能是天才,但是別人也不是蠢材,這么多年的沉淀還是有道理的。
初期最好別太急進,也別太貪新奇,先參考現(xiàn)有的東西踏實做一個第一版出來,后續(xù)在小眾范圍內(nèi)去進行新的版本的測試,根據(jù)反饋來做調(diào)整,這種方法是一種比較穩(wěn)妥的選擇,畢竟實踐是檢驗真理的最佳方法。
三、小結(jié)
這里提到的一些方法、經(jīng)驗相信不少人早就知道;作為設(shè)計者和規(guī)劃者,追求更好、更有效、更優(yōu)秀的導(dǎo)航設(shè)計是屬于產(chǎn)品完善和才智發(fā)揮的,不過別忘了,我們的目標(biāo)是為了使用,而不是為了讓別人驚嘆。
盡量從好用、方便、簡單的角度出發(fā),實用的是最好的,好看的、新奇的不一定是好的。
(完)
原文:http://www.penddy.com/on-the-design-of-mobile-phone-client-d-the-design-of-client-side-navigation.html
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2009-11-03 22:32:00] 選中狀態(tài)應(yīng)該高亮還是灰掉?
- [2007-05-13 10:20:00] 2007流行網(wǎng)站導(dǎo)航設(shè)計欣賞三
- [2010-11-25 08:25:00] 導(dǎo)航設(shè)計中的信息結(jié)構(gòu)
- [2012-05-14 22:00:30] 判斷瀏覽器客戶端類型(ipad,iphone,android)
- [2007-05-13 10:22:00] 2007流行網(wǎng)站導(dǎo)航設(shè)計欣賞四
- [2007-05-10 09:07:00] 2007流行網(wǎng)站導(dǎo)航設(shè)計欣賞二
- [2006-02-27 16:10:00] 網(wǎng)頁導(dǎo)航設(shè)計九大注意事項
- [2010-06-17 08:18:00] 優(yōu)化網(wǎng)站導(dǎo)航設(shè)計
- [2008-01-15 13:47:00] 導(dǎo)航設(shè)計與信息架構(gòu)
- [2007-05-07 09:27:00] 2007流行網(wǎng)站導(dǎo)航設(shè)計欣賞
- [2009-08-12 14:52:00] 網(wǎng)站導(dǎo)航設(shè)計雜談
- [2010-05-17 17:05:00] 也說導(dǎo)航設(shè)計
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
網(wǎng)站SEO 青島SEO 青島做網(wǎng)站多少錢 網(wǎng)站設(shè)計資訊 膠南網(wǎng)站建設(shè)公司 網(wǎng)站品牌 互聯(lián)網(wǎng) 網(wǎng)站開發(fā) 青島網(wǎng)站SEO 如何做網(wǎng)站優(yōu)化 青島網(wǎng)站建設(shè) 輪胎網(wǎng)站設(shè)計 插畫 頁面設(shè)計 集團性網(wǎng)站 審美 良好的導(dǎo)航 青島黃島、紅島網(wǎng)站建設(shè)公司 力圖 HTML5 官網(wǎng)網(wǎng)站建設(shè) 新的元素 視覺靈感 網(wǎng)站改版 H5 青島海洋投資集團 青島網(wǎng)絡(luò)公司 GOOGLE 網(wǎng)站策劃 用戶界面