• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】詳細解析鎚子手機的交互及上手體驗




    詳細解析鎚子手機的交互及上手體驗

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自優設的設計理論類文章,寫教學的作者是hihu,感謝hihu提供設計理論的實作教學。

    教學大綱:

    看了多遍鎚子手機的發布會,雖然不是看的直播,但每次看完后我都由衷的情不自禁的給老羅和鎚子手機鼓掌。並且一時真的有了一種想買的衝動。打動我的也許是他為了完美的手機軟硬件支持而敬職敬業的一趟趟奔波洽談,也許是他在一片懷疑甚至謾罵聲中一直不放棄堅


    設計理論教學開始

    看了多遍鎚子手機的發布會,雖然不是看的直播,但每次看完后我都由衷的情不自禁的給老羅和鎚子手機鼓掌。並且一時真的有了一種想買的衝動。打動我的也許是他為了完美的手機軟硬件支持而敬職敬業的一趟趟奔波洽談,也許是他在一片懷疑甚至謾罵聲中一直不放棄堅定的走了過來。但最讓我感動的是我感受到了他對用戶的用心以及誠意。就像他自己多次在發布會現場提及的:做讓用戶感動的產品!我想,他做到了。

    鎚子手機有許多的細節設計,細節的設計提升了手機的整體品質。正如我們會欣賞認為一個替女士拉門,隨身帶着優質紙巾的人是一個有修養的有品質的人一樣,優質的細節讓人感受到被尊重的愉悅。

    一、記憶深刻的細節展示

    1.1側面調光按鍵:符合場景

    詳細解析鎚子手機的交互及上手體驗

    設計細心的考慮到了人們使用調光按鍵時的場景,考慮到了強光照射下屏幕看不清從而無法操作的苦惱。

    1.2三個實體鍵:提高了易用性

    詳細解析鎚子手機的交互及上手體驗

    誠如老羅所說,觸摸的back鍵以及home鍵確實有時很容易引發誤操作,尤其是在橫屏的時候。按鍵式的設計減少了此方面的誤操作概率。從而提升了用戶體驗。

    1.3日曆添加時自動識別信息:滿足了用戶的預期,提升了渴望性。

    詳細解析鎚子手機的交互及上手體驗

    產品不僅僅只是一個物品,更應該是可以和我們相交互,滿足我們的願望和理解我們意圖。自動識別信息成為默認首選項準確的預測了我們下一步的行為,提高了我們的效率,我們的需求得到了滿足。讓用戶更喜歡更願意去用產品。

    二、設計周全貼合不同人群

    2.1 左右手同樣便利的操作:尊重用戶

    詳細解析鎚子手機的交互及上手體驗

    尊重了左右手不同習慣的用戶,而不是強迫用戶去適應產品。如果說設計是設計者的想法,那麼從這個設計中用戶感受到了被放在第一位的愉悅。

    2.2 截屏範圍可自定義:自由選擇,讓用戶有掌控權。

    詳細解析鎚子手機的交互及上手體驗

    手機自帶的截屏很多都是截全屏,有時根本不需要。截屏範圍的自定義,滿足了用戶的不同需求,不迫使用戶,而是使用戶有了一切在自己掌控中的舒心。

    三、想你所想,為你所想

    我認為好的產品品質源於對細節的把握,而產品的細節正是源於對於用戶需求的精準把握。

    3.1 拖動自定時靜音功能

    詳細解析鎚子手機的交互及上手體驗

    計時的靜音模式,讓用戶有了更符合自己需求的靈活選擇。

    3.2 錄音器的打旗功能

    詳細解析鎚子手機的交互及上手體驗

    細心的打旗功能是對用戶生活細心觀察研究的體現。

    四、防止誤操作

    在觸屏普及的現今,誤操作的概率不小,我觀察到的有兩個原因:1.按鍵沒有放在合適的位置 2.圖標視覺上沒有給一個正確的引導。

    第一個原因的例子像安卓手機的back和home鍵。

    第二個原因的例子是:TED 的APP

    詳細解析鎚子手機的交互及上手體驗

    紅色圈出的部分:在三個子菜單的下面紅線條設計容易讓人誤以為用手指滑動就可在三個子菜單中進行切換,但實際這樣操作會換到下一個頁面中去。這是一個不好的交互設計,沒有達到用戶預期的行為目的。

    移動端交互受屏幕大小的限制,一個恰當的位置擺放,一個易於用戶理解的圖標提示都能更好的完成用戶預期,提升用戶體驗。

    五、手勢操作:精妙的隱藏功能

    手勢操作是當今的潮流,它很好的節約了移動端寶貴的屏幕資源,在單屏幕中有唯一性,很便捷有效。同時一個合適的手勢操作行為,也符合了行為學,便於記憶。

    就像鎚子手機中的:手一揮將角標清除

    如蘋果公司給我們帶來的:多指縮放及應用間的轉換。

    但我認為手勢操作不易太多,太多的手勢操作讓用戶有負擔,而且需要更多的時間去記憶,分辨。容易讓交互變得不順暢。

    六、高效性交互

    在快節奏的現今,高效是大家所傾心的,鎚子手機為用戶增加了很多節約時間的設計:如短信的懸浮窗設計,日曆信息的自動識別填充等……

    我總結到的幫用戶完成高效交互的心得:

    在合適的時間或場景出現,給用戶提供需要的功能或是信息: 如:懶人天氣APP會在檢測到可能下雨時提醒我帶雨傘

    如:鎚子OS的懸浮短信彈窗,Hover Chat APP;

    無需從我現在的APP中轉換,利用小窗口就可高效的處理短信。

    詳細解析鎚子手機的交互及上手體驗

    Design is where all of the action is是我很喜歡認同的話。通過觀察人們的行為,理解整合人們的需求,以人為中心進行設計。

    期待鎚子手機的上市,期待它帶給我們不一樣的用戶體驗。

    拿到盒子之後覺得挺不錯的,盒子很大,手感不錯,也很厚實,放在13寸的 mac pro 上面,大小如下圖所示。

    詳細解析鎚子手機的交互及上手體驗

    左右兩側是鎚子 logo,前後兩側則是 smartisan。不過正上方的 T1效果不好看,跟其他兩個 logo 比起來,有些差距。

    詳細解析鎚子手機的交互及上手體驗

    因為我拿到的時候,手機已經被玩了一會兒了,所以打開盒蓋之後,有指紋,所以「驕傲與喜悅」的可視效果受到了影響。

    詳細解析鎚子手機的交互及上手體驗

    下一層的配件排列很好看,我第一眼看到覺得比手機更驚艷呢。

    詳細解析鎚子手機的交互及上手體驗

    從大到小依次是數據線、插頭、螺絲盒、螺絲刀。

    小螺絲是亮點,盒子里放了3顆螺絲,后蓋推開之後,用螺絲刀可以擰開螺絲操作,而螺絲盒裡裝的就是備用螺絲。

    手機拿在手上就兩個感覺,大和沉。初步感覺甚至比5s 沉了大概半個還多。我的手算大了,但是單手操作可以實現,但比較費勁,到了姑娘手上就很麻煩了。 藺佳小肉卷老師回家試了試,發現是這樣的,直接打消了她買鎚子的念頭。

    詳細解析鎚子手機的交互及上手體驗

    手感、質感不錯,的確比較接近 iPhone4。比三星、小米什麼的感覺好多了,比魅族也好。

    因為本人不愛看說明書,其實拿到手的時候也真的沒有在盒子里找到說明書,所以就直接開始操作了。

    看了發布會的直播,但是等拿到手的時候,已然已經忘記了三個實體按鈕到底都是幹啥用的,所以剛開始階段只能瞎按,並且碰運氣看情況,無法確切明白具體的用途。

    系統設計中有一個「強迫症選項」,就是下面這張圖的這些東西。

    詳細解析鎚子手機的交互及上手體驗

    日曆,嵌入了中國的假期。不知道是不是我了解的太少了,不清楚其他手機系統是否也是這樣,反正我現在用的版本是木有的。

    詳細解析鎚子手機的交互及上手體驗

    正在運行的程序列表,是這樣的。

    詳細解析鎚子手機的交互及上手體驗

    系統自帶的音樂里有「雲音樂」,可以直接下載,所以就放了「米店」,效果很不錯。

    我聽不出來具體的好壞,所以又加了一首「不如不見」給 藺佳小肉卷老師說聽,她聽了兩句之後說:「它的音樂和它的操作比,真是好太多了」。

    接着又找了「被遺忘的時光」,她的評價是:

    「如果他們出個 mp3,也許我就買了」。

    綜上,音樂絕對高分。

    詳細解析鎚子手機的交互及上手體驗

    64格的呈現是這樣的:

    詳細解析鎚子手機的交互及上手體驗

    換了不同種顏色的主題,但是無論是哪種顏色,哪種主題,都覺得「安卓感」十足。其他方面都還好,就是這個功能上,會非常非常刺眼的提醒我,這是一台安卓手機,即便他做的再好也是安卓。

    自帶的應用商店。

    詳細解析鎚子手機的交互及上手體驗

    玩了一下「合金彈頭」

    詳細解析鎚子手機的交互及上手體驗

    兩側按鈕同時按直接跳轉抓拍功能很不錯,換成攝像功能相當迅速,但也許是操作不熟悉,沒有實現迅速抓拍這個環節,試了5次,結果都虛了。單手兩側同時按,手機無法保持穩定,不太容易對焦,出來效果不佳。

    不過攝像頭在穩定的狀態下表現不錯,晚上在外面吃飯,拍了一下披薩,可以直接看效果。

    詳細解析鎚子手機的交互及上手體驗

    下圖是同樣燈光條線下用5s 拍出來的效果。

    詳細解析鎚子手機的交互及上手體驗

    拿到手用完之後,跟看完發布會的感覺是一樣的:這是一台很好的手機,值3000元。

    當然,也有問題。

    鎚子的定位應該是那些現在用 iPhone 的人,但或許包括我在內,如果只選一台,都會選擇 iPhone,而只會在考慮備用機的時候選擇鎚子。

    — —

    文章永久連結為: 詳細解析鎚子手機的交互及上手體驗