国产精品美女久久久浪潮AV,国产精品三级一二三区,久久精品国产一区二区小说 ,依依成人影视国产精品,全部无卡免费的毛片在线看,日本一区二区三深夜不卡,国产精品女同一区二区久久,国产精品夜色一区二区三区

        QQ Mac版 Touch Bar功能設(shè)計(jì)

        2017-2-6    濤濤

        如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

        蘋果在近期推出了新款Macbook Pro,以Touch Bar取代了原有的功能鍵。相信每個(gè)Mac產(chǎn)品團(tuán)隊(duì)都在思考,該如何利用它給用戶帶來(lái)更好的使用體驗(yàn)。在此分享一下QQ Mac版團(tuán)隊(duì)的一點(diǎn)思考。

         

        Touch Bar是什么

         

        pic1

        想利用好Touch Bar,先要明白它是什么。通過(guò)蘋果官方的介紹,可以了解到,蘋果對(duì)Touch Bar的定義是“用來(lái)與主屏幕內(nèi)容交互的具有動(dòng)態(tài)界面的輸入設(shè)備”。所以我們要明白它的兩個(gè)主要特性:

        1、是鍵盤的延伸:Touch Bar雖然是一塊屏幕,但是他并不作為顯示設(shè)備,而是輸入設(shè)備。它的設(shè)計(jì)初衷是希望用戶能快速定位功能、調(diào)整參數(shù),用戶使用時(shí)的注意力應(yīng)盡量在屏幕上,低頭看Touchbar反而會(huì)降低使用效率。

        2、隨焦點(diǎn)而變:Touch Bar上顯示的功能會(huì)隨著屏幕焦點(diǎn)的變化而變化,使得拓展性大大加強(qiáng)。因?yàn)榕c屏幕焦點(diǎn)直接關(guān)聯(lián),Touch Bar不光能隨著應(yīng)用的改變而變化功能,在同一個(gè)應(yīng)用的不同頁(yè)面,也可以有不同的功能,其狀態(tài)、反饋均與屏幕保持一致。

         

        設(shè)計(jì)原則

         

        蘋果對(duì)Touch Bar的設(shè)計(jì)給出了完整的設(shè)計(jì)規(guī)范,這里不再贅述。(ISUX已有翻譯,點(diǎn)擊查看

        在初步體驗(yàn)過(guò)后,我們發(fā)現(xiàn)Touch Bar使一些使用場(chǎng)景變得更有效率也更有趣,但是功能項(xiàng)隨著應(yīng)用和頁(yè)面頻繁變動(dòng),也導(dǎo)致學(xué)習(xí)成本非常高,不熟練的時(shí)候經(jīng)常需要低頭看。因此我們認(rèn)為想要提升使用效率,降低學(xué)習(xí)和記憶成本,達(dá)到“抬頭操作”的目的的話,還需注意以下幾點(diǎn):

        1、固定鍵位:在一個(gè)應(yīng)用中,有些功能可能在多個(gè)頁(yè)面出現(xiàn),這些功能的按鍵應(yīng)盡量處于同樣的位置,并與屏幕中的位置和順序保持一致,上降低學(xué)習(xí)成本,培養(yǎng)手感。

        2、屏幕反饋:通過(guò)Touch Bar操作功能時(shí),屏幕應(yīng)實(shí)時(shí)給出明確的狀態(tài)變化和提示,使得用戶無(wú)需低頭看Touch Bar,直接抬頭完成操作。由于Touch Bar只能橫向滑動(dòng),屏幕狀態(tài)或提示盡量也采用橫向布局,保持操作與反饋的認(rèn)知一致性。

        3、保證點(diǎn)擊:對(duì)于鍵盤來(lái)說(shuō),最基礎(chǔ)的交互方式就是點(diǎn)擊,因此Touch Bar上的功能都應(yīng)該支持最基本的點(diǎn)擊相應(yīng)事件。對(duì)于有些復(fù)雜的編輯或選取功能,可以考慮在按鈕支持點(diǎn)擊的基礎(chǔ)上,支持長(zhǎng)按、滑動(dòng)等手勢(shì)進(jìn)行快速操作,這樣既能與用戶已有的使用習(xí)慣保持一致,同時(shí)兼顧操作的快捷性。

        4、流程完整:Touch Bar上發(fā)起的功能,最好能在Touch Bar上結(jié)束。因?yàn)槿绻罄m(xù)操作需要通過(guò)鍵盤、觸控板或鼠標(biāo)完成,會(huì)帶來(lái)手的頻繁位移,效率并沒(méi)有提升。

         

        功能選取

         

        Touch Bar雖然可以變化,但是畢竟空間有限,不可能將所有功能都放上去。而且它雖然擴(kuò)展性很強(qiáng),但是不能后臺(tái)響應(yīng),使用場(chǎng)景比快捷鍵要受到限制。

        對(duì)于QQ Mac版,哪些功能適合放到Touch Bar上呢?經(jīng)過(guò)幾輪腦暴,結(jié)合實(shí)際使用場(chǎng)景和Touch Bar規(guī)范,我們認(rèn)為有3個(gè)方向:

        1、特色的高頻功能調(diào)起:比如QQ用戶最常用的提取消息、搜索,是在任何界面都會(huì)使用的功能,非常適合固定在Touch Bar上,方便使用。

        2、觸控板、快捷鍵支持的不夠好的功能:從使用場(chǎng)景來(lái)看,Touch Bar在鼠標(biāo)效率低或沒(méi)有鼠標(biāo)的場(chǎng)景下更能發(fā)揮價(jià)值。快捷鍵鍵位有限,Touchpad手勢(shì)有限,自定義的話容易與系統(tǒng)或其他應(yīng)用沖突,因此往往只能用于最常用的功能。對(duì)于其他的次高頻功能,可以考慮通過(guò)Touch Bar來(lái)承載,提升使用效率。

        3、通過(guò)獨(dú)有交互簡(jiǎn)化操作步驟:Touch Bar不光使得屏幕上的功能有了一個(gè)對(duì)應(yīng)的按鍵,還賦予了這個(gè)按鍵長(zhǎng)按、滑動(dòng)等手勢(shì)。這就好比在觸屏上增加了3D Touch的功能,交互的維度得到提升,這就使得原本需要多步操作的功能有了一步完成的可能。比如QQ發(fā)送語(yǔ)音消息。

         

        方案設(shè)計(jì)

         

        我們選取了幾個(gè)典型場(chǎng)景來(lái)進(jìn)行Touch Bar的功能設(shè)計(jì)。

         

        1.通用場(chǎng)景

        通用場(chǎng)景是指主面板無(wú)焦點(diǎn)的場(chǎng)景,比如剛登陸時(shí)。在該場(chǎng)景下,Touch Bar上承載提取消息按鈕、搜索按鈕、模式切換按鈕。

        1481123927_43_w1021_h765

        提取消息按鈕

        提取消息是QQ用戶在任何界面都會(huì)使用的全局功能。以往快捷鍵(cmd+control+Z)只能支持用戶按照時(shí)間順序查看未讀消息。加入Touch Bar后,用戶可以通過(guò)長(zhǎng)按快速定位至想要的未讀消息,效率更高。該功能鍵會(huì)常駐在Touch Bar的第一個(gè)鍵位,出現(xiàn)在任何界面,便于用戶養(yǎng)成習(xí)慣。

        1481128842_41_w1195_h849

        gif2

        搜索按鈕

        用戶使用QQ時(shí),經(jīng)常會(huì)有通過(guò)搜索找到某個(gè)人,并發(fā)起會(huì)話的場(chǎng)景,因此搜索功能也是最常用的全局功能之一。該功能的快捷鍵(cmd+F)剛支持不久,用戶熟悉度較低。將其固定至Touch Bar后,點(diǎn)擊搜索按鈕可將光標(biāo)直接定位至搜索框。該功能也會(huì)常駐在Touch Bar的第二個(gè)鍵位,出現(xiàn)在任何界面。

        pic43

        模式切換按鈕

        極簡(jiǎn)模式是5.0新加入的特色功能,現(xiàn)有快捷鍵(cmd+E)用戶熟悉度較低。有了Touch Bar后,會(huì)使功能曝光增強(qiáng),無(wú)鼠標(biāo)場(chǎng)景下的切換效率提升。該功能與會(huì)話并不是強(qiáng)相關(guān),因此該按鈕將只出現(xiàn)在通用場(chǎng)景下。

        pic4

        2.AIO輸入

        用戶聊天時(shí),焦點(diǎn)處于輸入?yún)^(qū),Touch Bar出現(xiàn)輔助輸入工具。

        pic5

        表情按鈕

        聊天時(shí),表情是最常用的功能之一。因此在聊天場(chǎng)景下,我們選取了表情功能放在Touch Bar上。點(diǎn)擊按鈕可調(diào)出表情分組和常用表情,與提取消息類似,長(zhǎng)按可調(diào)出常用表情列表,滑動(dòng)松手即可發(fā)送。

        pic6

        pic7

        語(yǔ)音消息按鈕

        現(xiàn)在發(fā)送語(yǔ)音消息時(shí),需要先進(jìn)入語(yǔ)音模式,然后按住空格開(kāi)始收音。加入Touch Bar后,點(diǎn)擊仍然相應(yīng)原有的進(jìn)入語(yǔ)音模式操作,但是長(zhǎng)按可以直接開(kāi)始收音,松手即發(fā)送,橫劃可撤銷,簡(jiǎn)化了操作步驟,也還原了移動(dòng)端發(fā)送語(yǔ)音消息的體驗(yàn)。

        pic8

        3.圖片查看器

        圖片查看器是個(gè)典型的二級(jí)頁(yè)面。在查看器中,由于觸控板主要用于雙指縮放,旋轉(zhuǎn)圖片只能通過(guò)鼠標(biāo);自適應(yīng)和1:1顯示的快捷鍵(Touchpad雙擊或cmd+0)用戶使用度較低。這兩個(gè)次高頻功能加入Touch Bar后,使用戶更容易快捷操作。另外用戶無(wú)需進(jìn)入相冊(cè)即可快速切換圖片。

        pic9

        寫在最后

         

        Touch Bar是蘋果對(duì)鍵盤交互的一次克制的嘗試,它終于讓觸摸交互出現(xiàn)在了Mac OS上,帶來(lái)了更多交互的想象空間。相信Touch Bar仍有潛力等待人們挖掘,帶來(lái)更好的使用體驗(yàn)。

        藍(lán)藍(lán)設(shè)計(jì)m.shtzxx.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

        日歷

        鏈接

        個(gè)人資料

        存檔

        主站蜘蛛池模板: 两公的浮之手中字| 阿巴嘎旗| 大同市| 浦县| 好男人在线观看免费高清| 国产小嫩模无套中出视频| 中文在线天堂| 欧美成人免费全部| 谷城县| 免费又黄又爽1000禁片| 熟妇的奶头又大又长奶水视频| 国产成人精品久久综合| 禹州市| 亚洲日韩一页精品发布| 日本道色综合久久影院| 欧美性xxxxx极品少妇| 乌克兰丰满熟妇hd| 同性男男黄g片免费网站| 噼里啪啦免费观看高清全集| 浓精喷进老师黑色丝袜| 四虎精品成人免费视频| 亚洲av无码一区二区三区网站| 好姑娘6影视剧在线观看国语| 天堂在线中文网www| 厨房人妻hd中文字幕| 国产伦精品一区二区三区不卡| 阜阳市| 在线亚洲综合欧美网站首页| 电视剧对决免费全集在线观看 | 仲巴县| 极品嫩模高潮叫床| 一个人看的www片高清在线| 亚洲va久久久学生av热影院 | 国产亚洲精品俞拍视频| 国产欧美日韩一区二区加勒比| 日韩精品一区二区亚洲av| 精品97国产免费人成视频| 中国少妇videos露脸hd| 国产午夜成人av在线播放| 美女露出小奶头动漫| 高清毛片aaaaaaaaa片|