<thead id="kdfuf"><font id="kdfuf"></font></thead>
<samp id="kdfuf"></samp>
    <nav id="kdfuf"><strong id="kdfuf"></strong></nav>
      中文字幕无码一区二区三区在线,久久精品人人做人人爽,国产一级内射无挡观看,十八禁在线黄色网站,日韩欧美国产另类久久久精品 ,少妇人妻偷人精品一区二区,久久午夜视频,亚洲春色AⅤ无码专区

      如何做app界面設計?

      2013-6-17    藍藍設計的小編

      藍藍注:此文有些圖片沒有顯示全, 下載此文及圖片請點http://www.tuitetiyu.cn/what%20to%20do%20APP%20ui%20design.docx

      用戶在面對移動應用時,心態有三大特征:第一是微任務,我不會拿手機寫一篇論,不會從頭到尾看一部電影,使用是隨時隨地的;第二是查看周遭,也就是我所處的環境。我可能會打開手機,看有什么好的館子,有什么好的電影,打折團購等等;第三個是無聊,很多移動用戶更多情況是無聊的,打開手機,從左到右的翻,翻到最后再把手機關掉。

       

      針對這三種特征的心態,我們怎么樣去面對?第一,應用最好是小而準,不要大而全。越全的功能應用,只能代表著這個應用在各方面的都很平庸;第二個要滿足用戶的情景需求;第三個要幫助用戶去消磨時間。

       

      屏幕布局

       

      一般來說,手機屏幕是從上往下布局的,重要的信息會放在上方。但是在操作上,大部分人都是單手拿手機,常用的操作,要放在界面的下方。

       

      另外還有一個原則,最小的觸摸單位,一般是44個像素。如果再小,你的拇指難以觸碰,或者容易引發誤操作。同時,也不要讓界面太擁擠。

       

      大家熟悉的,比如iOS的桌面,最主要的操作是在最下面,常用的四個鈕,上面的內容可以來回滑動去選擇。微信的操作也是在下面,重要的信息——我們的聊天內容放在上方。

       

      說明: http://m2.img.libdd.com/farm5/2012/0827/12/BDC46994D89545DC89599C6DED970961F1E9D99BE40C_458_465.JPEG

       

      一、簡單

       

      用戶是要微任務的,心態是有點無聊的,我們要讓APP變得簡單。但設計更簡單的體驗,往往意味著要追求更極端的目標。因為你要充分理解用戶的需求,理解用戶現在想要什么,理解他現在的心態是什么,理解他的大情緒是什么。

       

      1、隱藏或者干掉

       

      不太重要,但是必要的東西,可以把它隱藏起來;無關緊要的東西,能干掉的就干掉,不要把什么東西都塞給用戶。

       

      比如郵件應用中,已發郵件、草稿、已刪除這些功能,對一般用戶來說,在最常用的場景里面,這些是不重要的,但是不可能把它去掉,就可以隱藏在下面。而簽名、外出自動回復等,這些功能是更加不太使用的,可以把它藏得更深。

       

      再比如Path,它把五個常用的按鈕,集成到“+”里。點擊加號以后,有拍照,音樂等功能。而界面上,打開這個應用,最直觀的就是最主要的信息,沒有其他的干擾。比如之前有多少人看過我的圖片,它把這個信息直接集成在圖片右上角,沒有占據太多地方,點擊之后,可以發表情、評論、直接刪除等,做到了隱藏,是個非常干凈、漂亮的頁面。

      說明: http://m1.img.libdd.com/farm4/2012/0827/12/2BB8B6AA46A484A517850F4F32C5E2231B8CA805049E_340_478.JPEG

       

      2、分區

       

      以酒店管家為例,酒店圖片,酒店提供的服務設施,價格,這個是最主要的內容,放在首要位置;點評放在了其次;然后是交通狀況,周邊的設施等,有一個明確的分區。

       

      用戶一旦知道了這種分區方式,他下次再點開這個應用,想看哪個,他的眼睛會直接落在那兒。

       

      說明: http://m3.img.libdd.com/farm4/2012/0827/12/D4A72A83C97EB3EDC3DC66EEAD979B8D35404505049E_305_462.JPEG

       

      3、幫用戶決策

       

      用戶其實希望看到的是開發者直接給他們一個東西,非常簡單,不用去記,不用去選擇。那么怎樣幫用戶做決策呢?

       

      以酒店產品為例,當用戶需要訂酒店時,很多應用都是需要用戶輸入條件,比如城市、日期、價格區間、房型等,之后得到酒店列表。快捷酒店管家中,用戶打開應用,看到就是酒店頁面,沒有任何選擇。這并不是簡單粗暴,而是對用戶研究之后提供的功能。

       

      快捷酒店管家的核心用戶,是本地化的,要在本地找一個快捷酒店,住一晚上。比如說我在通州住,公司在石景山,這兩個地方有60公里,晚上加班加到12點,我是打車回通州,還是說直接就在當地找一個快捷酒店,住一晚上,第二天洗個澡再慢慢悠悠上班。我們要做的,先給用戶定位,然后提供附近的快捷酒店。

       

      說明: http://m3.img.libdd.com/farm5/2012/0827/12/7D4F59776529602773C553F489AAD3D786B08E05049E_311_454.JPEG

       

      二、爽快感和新奇感

       

      剛才提到,用戶很多時候是無聊的,我們的應用要能夠讓他感覺操作起來很舒服,讓他經常使用,以干掉競爭對手;另外要讓用戶對應用產生好感,才有可能對應用評分,在微博分享。

       

      1、視覺反饋

       

      用戶在操作應用的時候,要給他提供時時的視覺上的反饋。

       

      快捷酒店管家中,選擇了某個酒店某個房間后,可能會去選擇日期。如果是訂之后的日期,就有一個拖動的操作。從開始日期往后面拖,拖動的同時,會出現一個比較大的日期顯示。為什么呢?

       

      這并不是一個標準控件。之所以這么做,是因為這里的動作是拖動,不是點,拖的時候用戶并不知道現在拖的是哪,所以需要一個提示。這個是視覺反饋,這種操作在一般的日歷里頭是看不到的。拖動本身是一種更好的交互方式,而明確的設置也讓用戶感到更舒服,很有意思。

       

      說明: http://m1.img.libdd.com/farm4/2012/0827/12/89EA96457C38AFD5087CF6040F7EBA4A1FD02905049E_330_478.JPEG

       

      2、隱喻

       

      比如iOS6里面的Passbook,它的界面上就明顯的用了隱喻。它本身算是一張數字化的貴賓卡或者說消費卡,界面做的也非常像一個消費券,這個界面非常精美,光澤、整個顏色的搭配等等都非常像真實的,而且就用了條形碼。

       

      大家對蘋果的界面都感覺比Windows要好,就是因為蘋果做的圖標,界面都非常精美非常逼真,這也是蘋果能夠快速超越Windows的一個非常重要的地方。

       

      說明: http://m3.img.libdd.com/farm5/2012/0827/12/4EB5D5E95709B19EE60BD54399ECBCDEA35DC305049E_314_461.JPEG

       

      3、操作方式的創新

       

      比方說,我現在在這個位置,想知道某一些位置有什么好吃的,一種方式是定位了以后,直接就把附近所有東西顯示出來。

       

      還有一種方式,我的手在上面滑動,它會記錄下軌跡,我只滑動這么一個區域,那就只會現顯示這個區域內的商戶。這種方式特別直觀,而且用戶想怎么樣就怎么樣,想畫一個五角星就畫一個五角星,想畫一條線也可以,它只給你想要的地方的那些內容,這就是一種創新。

       

      說明: http://m3.img.libdd.com/farm5/2012/0827/12/DA11F90AD33740C5C23D32E444E26D6F9CEF3E05049E_316_447.JPEG

       

      三、在設計中浸入情感

       

      什么樣的設計師,什么樣的團隊才算優秀?我們要對設計對應用浸入感情。它會給產品帶來一些好玩、也可能讓用戶覺得有意思的地方。

       

      比如定機票應用中,有頭等艙和經濟艙。經濟艙是一個普通的人,而頭等艙是一個戴著帽子,系著領結,胸前別著手帕的這么一個人,很酷的老板角色,體現出了頭等艙和經濟艙之間的區別。要做頭等艙的人,一般都愿意自己看到自己這么一個形象。

       

      再比如微信4.0,剛打開的時候有一張圖片,非常文藝非常在都市的感覺的一張圖片,配文字如你所見,微信,是一個生活方式。其實它在干嘛呢?它是在提示用戶,新增了自己相冊功能。它雖然是給用戶介紹新功能,但是它把整個情緒融在里面。

       

      說明: http://m3.img.libdd.com/farm4/2012/0827/12/2B0024C3AFBD21B54708CB25E9A80BE026D9125EF698_600_445.JPEG

      日歷

      鏈接

      個人資料

      藍藍設計的小編 http://www.tuitetiyu.cn

      存檔

      主站蜘蛛池模板: 拉萨市| 久久久久久高清一级毛片免费| 中文在线中文资源| 午夜一区二区国产好的精华液| 日韩激情无码免费毛片| 亚洲av无码片vr一区二区三区| 内射人妻视频国内bbw| 2020国自产拍精品高潮| 成人无码视频| 拔擦拔擦8x海外永久华人免费| 国产99久久久国产精品麻豆| www欧美在线观看| 99国产免费热播视频| 久久精品人人槡人妻| 亚洲欧美日韩愉拍自拍美利坚| 国产美女a做受大片观看| 商丘市| 久久国产精品永久免费网站| 美女张开腿黄网站免费| 综合亚洲欧美日韩一区二区| 国产亚洲欧美日韩三级| 亚洲人交乣女BBW| 亚洲av午夜福利大精品| 男人天堂av中文字幕在线| 无码av无码天堂资源网—| 久99久热爱视频精品免费37| 国产精品自产拍2021在线观看| 校园春色另类小说| 精品人妻少妇嫩草AV无码专区 | 峨山| 亚洲精品综合网二三区| 肉大捧一进一出免费视频| 日本肉体XXXX裸交| 一区二区不卡国产精品| 人摸人人人澡人人超碰小说| 久久香蕉网国产看美女| 欧美日韩午夜福利片| 麻花豆传媒剧国产MV免费版特色| 亚洲理论电影在线观看| 手机a站视频在线观看| 无码精品亚洲日韩中文字幕|