pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

碎片時間里的高效設(shè)計

  正如微博,在移動互聯(lián)時代用戶的"短、頻、快"訴求更為強烈了。移動用戶多是利用碎片時間來享受服務(wù)的,銀行排隊、坐地鐵、乘公交、電梯中…… 當(dāng)仔細(xì)觀察這些"道路勇士"們的使用情景時,深感高效服務(wù)于用戶的碎片時間的重要性。去年曾跨部門作了類似的設(shè)計分享,重點介紹了三個層面的高效:功能框架、操作任務(wù)流、控件元素等層面。這里摘取一些讓體驗更高效的設(shè)計方法與大家分享。

  功能需求層面

  "你逃,或者不逃,選擇都在那里,揮之不去"。一堆功能同時供用戶選擇,使用上是無論如果也高效不起來的。如Fanson所言產(chǎn)品經(jīng)理的角度,有永遠(yuǎn)背不完的功能KPI,即使此次不加,下個迭代或版本仍將面對。所以如何在龐多的功能面前,是讓用戶在碎片時間里高效使用,從功能需求著手是第一步!

  一:"1 > N" 突出核心

  大多數(shù)產(chǎn)品功能點關(guān)聯(lián)性比較強,往往一個點的處理,關(guān)系著多方面細(xì)節(jié),點與點間深層面的糾結(jié)就難以把握。如果在處理時,抱著"并行需求"的觀點,往往是大多數(shù)需求都難以平衡。在經(jīng)歷QQ音樂大大小小無數(shù)PK后,深刻認(rèn)識到:堅持"1 N"設(shè)計原則,做好一個比做多個卻平庸更能提升體驗效率。突出核心功能需求,能讓產(chǎn)品變得更易用,也能讓工作更敏捷。有重點、分層次的把握功能點的設(shè)計,也是體現(xiàn)設(shè)計師能力的一個重要角度。

  案例:手機QQ音樂的有效減法

碎片時間里的高效設(shè)計 三聯(lián)教程

  一直有效做減法的手機QQ音樂播放器

  2010 QQ音樂播放器棄用了九宮格形式,改變九個功能點并行處理的方法,突出目標(biāo)用戶聽音樂、看歌詞等重點需求,直接采用Tab頁簽左右切換的導(dǎo)航,讓用戶直觀查看操作。Android版的QQ音樂播放器,更是直接突出快速聽音樂的需求,利用觸屏特性,在默認(rèn)播放器界面上相對弱化了設(shè)置、選擇等功能,把它們放在第二操作層面,以"簡"勝"繁"。

  二:緊握全局導(dǎo)航

  社區(qū)類、電商類、平臺類、工具類……產(chǎn)品形態(tài)各不相同,在狹小的屏幕中有效構(gòu)建產(chǎn)品基礎(chǔ)形態(tài)是帶鐐銬跳舞的活兒。在非觸屏?xí)r代,導(dǎo)航不暢帶來的成本要遠(yuǎn)高于觸屏?xí)r代,讓用戶更快體驗到訪問結(jié)果一直是設(shè)計師們的追求。對以信息獲取為核心的產(chǎn)品,Tab、列表類導(dǎo)航是首選,且主導(dǎo)航爭取在1級內(nèi)展開;對以操作為主的應(yīng)用(游戲類浸入式應(yīng)用除外),宮格類導(dǎo)航是選擇重點,力求樹立穩(wěn)定的操作映射。

  操作任務(wù)流層面

  按一下、再按一下、再按一下、再按一下……期待用戶通過更多操作才能看到結(jié)果是很危險的。在產(chǎn)品的操作任務(wù)流上,多一項點擊,總是意味著用戶付出時間和手指移動的代價(某些時候這種問題被長期積累起來是令人擔(dān)心的)!完成目標(biāo)的路徑越少,用戶實現(xiàn)目標(biāo)的效率越高,相應(yīng)的,在碎片時間里的報怨、焦慮等負(fù)面情緒能得到有效控制。

  一:及時呈現(xiàn)

  在用戶體驗的時間尺度方面,移動終端上超過10秒才能完成任務(wù)體驗通常是不能被接受的。讓用戶從一開始接觸產(chǎn)品就"快"了起來,將急需的工具、指引恰當(dāng)設(shè)置在當(dāng)前所見處,提升效率,減少負(fù)擔(dān)。

  案例1:默認(rèn)呈現(xiàn)虛擬鍵盤

  iPhone版騰訊微博登陸界面,默認(rèn)提供虛擬鍵盤。直接呈現(xiàn)輸入配置,減少了鍵盤呼出操作。

  案例2:即時搜索

  用戶無需等待至詞條輸入結(jié)束,即時搜索時便可以在輸入時搜索出結(jié)果。減少了輸入操作,也弱化了小屏幕上虛擬鍵盤的使用難度。

  二:定制化、快

  用戶對產(chǎn)品總是有形形色色的期待,個性化的需求總是呼喚著被進(jìn)一步滿足。不過,這在Tencent的海量用戶基礎(chǔ)上,對設(shè)計的挑戰(zhàn)很大。應(yīng)當(dāng)充分理解用戶能力上的局限性,將類型化的產(chǎn)品行為(如操作姿態(tài)、視覺動向、觸聽配合等等)提煉出來,進(jìn)一步深入設(shè)計。

  案例1:快速鏈接

  QQ瀏覽器的快速鏈接是根據(jù)用戶的網(wǎng)頁瀏覽習(xí)慣,提供直達(dá)區(qū)的一種方式。在網(wǎng)頁瀏覽基礎(chǔ)上,給出定制化的"添加書簽"、"添加快速鏈接"等功能,也讓產(chǎn)品對單個用戶而言更為飽滿。

  案例2:定制左右

  在QQ瀏覽器中用戶可單手翻頁,定制左、右手操作習(xí)慣,尤其在電阻屏設(shè)備上提供這種設(shè)計尤為易用,因為用戶的雙手并不靈巧。

  三:一致性

  這點無需多談,尤其是對大公司種類繁多的產(chǎn)品而言,在相關(guān)規(guī)范指引下,降低操作學(xué)習(xí)成本,形成統(tǒng)一品牌認(rèn)知,務(wù)必保持一致性。值得注意的是:一致性要與用戶更大范圍的生活知識和經(jīng)驗相一致,避免沖突。

  不過,在多系統(tǒng)、多終端的情況下,一致性出現(xiàn)了新問題:如何滿足多產(chǎn)品的一致性?裂變平臺的一致性?硬件操作的一致性?……有機會將深入探討一下。

  四:避免打斷

  試想一下,你正沉迷在網(wǎng)頁查看、書籍閱讀或游戲的戰(zhàn)斗中,突然被另外的任務(wù)生硬暫停了。這是一個令人沮喪的情形。在這些使用情景下,用戶無法流程體驗產(chǎn)品。Vera也一直提醒我:手機產(chǎn)品體驗中要能"快進(jìn)快出"。正如iPhone QQ斗地主游戲中的快速發(fā)牌、理牌、出牌等,保證玩家在具體操作中的流程性、簡潔性。尤其避免模態(tài)對話的打斷,在Symbian、iPhone設(shè)計中經(jīng)常出現(xiàn)此類情況。

  案例:自動切換網(wǎng)絡(luò)

  在iPhone QQ斗地主中,自動檢測用戶網(wǎng)絡(luò),在背后提供網(wǎng)絡(luò)間切換,而不是詢問用戶該如何選擇,自信的幫助用戶鏈接體驗過程。

  控件元素層面

  控件類型林林總總(如下圖中某產(chǎn)品涉及到的控件),更深入細(xì)節(jié)上的高效體驗往往隱藏在這些控件元素中。如在彈出框的設(shè)計中盡量避免 Check box的形式,減少詢問;如在搜索框中主動Push一些用戶常用關(guān)鍵詞、熱門關(guān)鍵詞;如下拉列表間帳號的快速切換……元素的精細(xì)能保證使用的快捷。控件元素的設(shè)計也是在不斷的進(jìn)化優(yōu)化,量的積累改進(jìn)能促進(jìn)質(zhì)的飛躍。

  騰訊某移動終端產(chǎn)品控件規(guī)范目錄

  遵循有效法則

  一些諸如"時間感知的非線性"、"7±2"現(xiàn)行記憶、圖形增強文本表現(xiàn)力等等科學(xué)法則都能為產(chǎn)品提供高效體驗。

  案例:菜單的"7±2"原則

  上世紀(jì),Miller通過研究顯示,我們的短期記憶只能同時保存7±2項內(nèi)容。在各種Tencent無線Symbian產(chǎn)品中,菜單設(shè)計上,都遵循"7±2"個信息項的現(xiàn)行記憶法則。當(dāng)然我們還可以進(jìn)一步探討如何改進(jìn)菜單分類,實驗也證明了廣而淺的樹會比窄而深的樹更加合適;也可以探討在鍵盤機菜單上是否有設(shè)計分割線的必要(如S60 V3上的Skyfire)……

  小結(jié)

  在功能層面上,突核心、緊握導(dǎo)航;

  在任務(wù)流層面上,提供定制化、快進(jìn)快出、一致性操作、避免打斷;

  在控件元素上,遵循科學(xué)有效法則;

  ……

  這些都是產(chǎn)品設(shè)計中服務(wù)于用戶高效利用碎片時間、讓體驗快起來的設(shè)計方法,尤為針對小屏幕移動終端。某些方法,對于Pad類產(chǎn)品未必合適。Pad類產(chǎn)品設(shè)計具有Web網(wǎng)頁和小屏幕終端的交叉性特點,設(shè)計思路、體驗方式上都有很大的差異化。期待在這個方向上有所沉淀能于大家分享!

【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

這篇文章給大家詳細(xì)介紹了HTML頁面跳轉(zhuǎn)及參數(shù)傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現(xiàn)照片墻3D效果的示例代碼,可以實現(xiàn)鼠標(biāo)經(jīng)過圖片實現(xiàn)改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現(xiàn)文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設(shè)置字體大小) 教程,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 变频器维修公司_plc维修_伺服驱动器维修_工控机维修 - 夫唯科技 变位机,焊接变位机,焊接变位器,小型变位机,小型焊接变位机-济南上弘机电设备有限公司 | 苏州注册公司_苏州代理记账_苏州工商注册_苏州代办公司-恒佳财税 | 铝合金线槽_铝型材加工_空调挡水板厂家-江阴炜福金属制品有限公司 | 斗式提升机,斗式提升机厂家-淄博宏建机械有限公司 | 压装机-卧式轴承轮轴数控伺服压装机厂家[铭泽机械] | 不锈钢酒柜|恒温酒柜|酒柜定制|酒窖定制-上海啸瑞实业有限公司 | 河南卓美创业科技有限公司-河南卓美防雷公司-防雷接地-防雷工程-重庆避雷针-避雷器-防雷检测-避雷带-避雷针-避雷塔、机房防雷、古建筑防雷等-山西防雷公司 | 云南外加剂,云南速凝剂,云南外加剂代加工-普洱澜湄新材料科技有限公司 | 吹田功率计-长创耐压测试仪-深圳市新朗普电子科技有限公司 | 罗茨真空机组,立式无油往复真空泵,2BV水环真空泵-力侨真空科技 | 聚氨酯催化剂K15,延迟催化剂SA-1,叔胺延迟催化剂,DBU,二甲基哌嗪,催化剂TMR-2,-聚氨酯催化剂生产厂家 | 甲级防雷检测仪-乙级防雷检测仪厂家-上海胜绪电气有限公司 | 361°官方网站| 精密五金加工厂-CNC数控车床加工_冲压件|蜗杆|螺杆加工「新锦泰」 | 丝杆升降机-不锈钢丝杆升降机-非标定制丝杆升降机厂家-山东鑫光减速机有限公司 | 回收二手冲床_金丰旧冲床回收_协易冲床回收 - 大鑫机械设备 | 网站优化公司_北京网站优化_抖音短视频代运营_抖音关键词seo优化排名-通则达网络 | 台式低速离心机-脱泡离心机-菌种摇床-常州市万丰仪器制造有限公司 | 润滑油加盟_润滑油厂家_润滑油品牌-深圳市沃丹润滑科技有限公司 琉璃瓦-琉璃瓦厂家-安徽盛阳新型建材科技有限公司 | 胶原检测试剂盒,弹性蛋白检测试剂盒,类克ELISA试剂盒,阿达木单抗ELISA试剂盒-北京群晓科苑生物技术有限公司 | 超声波焊接机,振动摩擦焊接机,激光塑料焊接机,超声波焊接模具工装-德召尼克(常州)焊接科技有限公司 | 热闷罐-高温罐-钢渣热闷罐-山东鑫泰鑫智能热闷罐厂家 | 钢绞线万能材料试验机-全自动恒应力两用机-混凝土恒应力压力试验机-北京科达京威科技发展有限公司 | 丙烷/液氧/液氮气化器,丙烷/液氧/液氮汽化器-无锡舍勒能源科技有限公司 | 散热器厂家_暖气片_米德尔顿散热器 | 破碎机锤头_合金耐磨锤头_郑州宇耐机械工程技术有限公司 | ph计,实验室ph计,台式ph计,实验室酸度计,台式酸度计 | 等离子表面处理机-等离子表面活化机-真空等离子清洗机-深圳市东信高科自动化设备有限公司 | 医疗仪器模块 健康一体机 多参数监护仪 智慧医疗仪器方案定制 血氧监护 心电监护 -朗锐慧康 | 中矗模型-深圳中矗模型设计有限公司 | 环氧乙烷灭菌器_压力蒸汽灭菌器_低温等离子过氧化氢灭菌器 _低温蒸汽甲醛灭菌器_清洗工作站_医用干燥柜_灭菌耗材-环氧乙烷灭菌器_脉动真空压力蒸汽灭菌器_低温等离子灭菌设备_河南省三强医疗器械有限责任公司 | 气动球阀_衬氟蝶阀_调节阀_电动截止阀_上海沃托阀门有限公司 | 小威小说网 - 新小威小说网 - 小威小说网小说搜索引擎 | 欧美日韩国产一区二区三区不_久久久久国产精品无码不卡_亚洲欧洲美洲无码精品AV_精品一区美女视频_日韩黄色性爱一级视频_日本五十路人妻斩_国产99视频免费精品是看4_亚洲中文字幕无码一二三四区_国产小萍萍挤奶喷奶水_亚洲另类精品无码在线一区 | 泰国试管婴儿_泰国第三代试管婴儿_泰国试管婴儿费用/多少钱_孕泰来 | 瑞典Blueair空气净化器租赁服务中心-专注新装修办公室除醛去异味服务! | 包装设计公司,产品包装设计|包装制作,包装盒定制厂家-汇包装【官方网站】 | 「银杏树」银杏树行情价格_银杏树种植_山东程锦园林 | 土壤墒情监测站_土壤墒情监测仪_土壤墒情监测系统_管式土壤墒情站-山东风途物联网 | 北京燃气公司 用户服务中心| 青岛侦探_青岛侦探事务所_青岛劝退小三_青岛调查出轨取证公司_青岛婚外情取证-青岛探真调查事务所 |