資料介紹
??iPad的應(yīng)用程序UI設(shè)計非常出色。但是,你如何讓你的應(yīng)用融入iPad的風(fēng)格中呢?本文探討的五大要素有望幫助你設(shè)計出令人著迷的iPad應(yīng)用程序。
??1、自定義用戶界面完全可以,但要把它做好。
??身為一名設(shè)計人員,我顯然完全贊同自定義用戶界面,但也明白在設(shè)計時很快就會偏離軌道!如果你想設(shè)計一個自定義用戶界面,就要關(guān)注以下幾個方面:
??◆提供立即讓人沉浸于其中的體驗
??Flipboard就是一個典例,這個應(yīng)用程序毫無傳統(tǒng)的導(dǎo)航設(shè)計,而是完全讓你沉浸在使用體驗中。你不會為沒有傳統(tǒng)的導(dǎo)航而感到惋惜,因為你直接進入內(nèi)容。
??
??◆多少的探索才算多?
??自定義界面讓你可以通過所謂的分層布局(layered layout)來做許多很酷的事情,這時候布局的各個部分彼此獨立滾動。在一些情況下,只有用戶明白了這幾個層各自是如何移動的,所有內(nèi)容才顯露給用戶。所以,你要回答的問題是:你把多少內(nèi)容交給用戶去探索、去發(fā)現(xiàn)?
??在Cool Hunting應(yīng)用程序中,用戶可以通過單指滑動操作,左右滑動頂部圖像,那樣可以顯示更多的圖像;如果你不單指滑動,不知道原來還有圖像在那里。至于上下滾動的文章區(qū)域,用戶可以通過單指滑動操作,上下滑動文本,但頂部圖像未必能夠這樣。
??有什么解決辦法嗎?不斷嘗試。你問我花了多長時間才摸索出了通過單指滑動操作,左右滑動頂部圖像,可以顯示更多圖像?大概嘗試了一分鐘后吧。結(jié)果呢?我實際上驚喜地發(fā)現(xiàn)這個看圖功能,并不怪設(shè)計人員沒有把這個功能做得明顯些。
??
??多個瀏覽選項
??CNN應(yīng)用程序有一項很酷的特性,那就是能夠按住手指,并滑過底部的新聞報道,就可以預(yù)覽新聞報道標(biāo)題。太棒了!這使用戶不用老是按“返回”鍵,即可瀏覽所有報道。
??
??2、指示說明盡量少些。
??從設(shè)計的角度來看,iPad酷就酷在你有機會成為離經(jīng)叛道的人。用戶們在毫不猶豫地接受不使用“標(biāo)準(zhǔn)”導(dǎo)航操縱方式的應(yīng)用程序。訣竅在于設(shè)計出頗有吸引力的用戶體驗,又讓用戶可以輕松地操縱應(yīng)用程序。
??你在嘗試采用“另類的”布局時,要考慮的首要方面之一就是:
??盡量讓用戶不需要“幫助”。
??這就意味著沒有幫助按鈕,沒有問號,沒有“i”信息按鈕。這一切統(tǒng)統(tǒng)都沒有。一種深思熟慮的設(shè)計不需要這些多余的信息(很多讀者看到這里可能不同意了)。
??
??稍安毋躁,這并不意味著你不能給予“提示”。提示應(yīng)該是微妙的、與上下文相關(guān)的指點;那樣當(dāng)用戶在考慮下一步該怎么做時,能夠給予一點幫助。
??3、要考慮到方向會改變布局。
??將設(shè)計的應(yīng)用程序從縱向模式轉(zhuǎn)換成橫向模式(或者反過來)很麻煩。這簡直好比是設(shè)計一個全新的應(yīng)用程序,至少從布局的角度來看是這樣。這方面要記住的關(guān)鍵一點就是,不要改變用戶體驗!
??比如說,不是許多應(yīng)用程都像Note Taker應(yīng)用程序這樣能夠在這兩種模式之間輕松自如地轉(zhuǎn)換,這個應(yīng)用程序幾乎做到了精確匹配:
??
??Cool Hunting應(yīng)用程序是一個更常見的例子,它表明了基于內(nèi)容的應(yīng)用程序如何從網(wǎng)格視圖轉(zhuǎn)變成列表視圖。它并沒有顯著改變用戶與應(yīng)用程序的交互方式:
??
??4、別忘了動態(tài)內(nèi)容會影響設(shè)計!
??在裝入動態(tài)內(nèi)容的應(yīng)用程序中,你總是一定要留意每當(dāng)打開應(yīng)用程序時,動態(tài)內(nèi)容可能會怎樣改變用戶的體驗。CNN應(yīng)用程序就是一個典例,它表明了兩點:
??◆凌亂的界面
??◆很好的英雄圖像
??界面自己是不會隨機應(yīng)變的。界面看起來與新聞報道一樣混亂,圖像彼此緊挨著,新聞標(biāo)題實際上很難看到。你在處理動態(tài)內(nèi)容裝入時,要給它一些充分伸展的空間。你從來不知道界面內(nèi)容每天會有怎樣的不同,所以應(yīng)該從文案/圖像的角度來考慮絕對最大值,以便為可能要出現(xiàn)在界面上的任何一種內(nèi)容留出足夠空間。
??另外就是英雄圖像。我不確信下面屏幕上的界面是不是純屬巧合,但你的眼睛肯定被紅色的英雄圖像所吸引。第二大關(guān)注的是那位女性的紅色上衣。想一想動態(tài)裝入的圖像可能會引起用戶的眼球出現(xiàn)怎樣的移動。
??有什么解決辦法嗎?創(chuàng)建吸引注意力的圖形內(nèi)容,覆蓋裝入到應(yīng)用程序中的任何圖像。CNN試圖用“頭條報道”通欄標(biāo)題來達到這種效果,但通欄標(biāo)題彈出來后還是蓋不住大大的英雄圖像。
??
??5、深入用戶的內(nèi)心。
??這對任何開發(fā)人員、設(shè)計人員、甚至用戶界面專家來說都是最困難的任務(wù)之一!但是它對iPad應(yīng)用程序來說又顯得特別重要;因為對iPad應(yīng)用程序而言,用戶界面不是很標(biāo)準(zhǔn)化。預(yù)測用戶的下一步操作可能困難重重,不過我倒是有個訣竅,對各位讀者可能大有幫助。
??我們假設(shè)你設(shè)計了一款應(yīng)用程序,可以幫助人們找到有猴子的動物園。你測試了用例場景,甚至知道你的目標(biāo)受眾確確實實喜愛猴子。下一步就是,根據(jù)這些用戶會如何與應(yīng)用程序交互、找到喜愛的猴子,繪制場景和線框。
??你繪制好了線框,并把線框添加到墻壁上。它看起來確實很好。一切都沒問題——你覺得“我完成了!”。下面告訴你這個寶貴的要點。
??兩天內(nèi)不要去碰這個想法!
??說真的,不要去碰它,不要去想它,不要通過郵件來表述。從你的詞匯表中刪掉“猴子”這個字眼。OK,這是有那么一點愚;但問題是,除非你有了全新的眼光,否則就無法深入用戶的內(nèi)心。
??而我們根本不會有什么全新的眼光,但我自己在設(shè)計應(yīng)用程序時發(fā)現(xiàn):如果暫時放下手頭的設(shè)計項目,把注意力放到其他事情上,能夠讓我更快地繞過思路上的障礙,站在用戶的角度來看待應(yīng)用程序。
下載該資料的人也在下載
下載該資料的人還在閱讀
更多 >
- 毫米波傳感器跟蹤應(yīng)用程序下載 22次下載
- 顫振試驗應(yīng)用程序資源下載 7次下載
- 支持向量機網(wǎng)絡(luò)搜索優(yōu)化應(yīng)用程序下載 0次下載
- 繼電器M掉電測試應(yīng)用程序下載 13次下載
- 電機正反轉(zhuǎn)互鎖控制應(yīng)用程序源碼下載 42次下載
- matlab應(yīng)用程序及源代碼下載 36次下載
- DataScope串口虛擬示波器應(yīng)用程序和資料免費下載 24次下載
- ADC0809的應(yīng)用程序和仿真與PCB板資料合集免費下載 45次下載
- Proteus應(yīng)用程序漢化版免費下載 0次下載
- Protel 99 SE應(yīng)用程序應(yīng)用手冊等資料合集免費下載 8次下載
- Proteus應(yīng)用程序免費下載 59次下載
- 串口通信的應(yīng)用程序資料合集免費下載 18次下載
- 單片機多功能調(diào)試助手應(yīng)用程序軟件和程序資料免費下載 19次下載
- CAN調(diào)試工具應(yīng)用程序的詳細(xì)資料免費下載 42次下載
- altium designer 17.1.6應(yīng)用程序免費下載下載 805次下載
- AWTK-WEB 快速入門(2) - JS 應(yīng)用程序 137次閱讀
- AWTK-WEB 快速入門(1) - C 語言應(yīng)用程序 257次閱讀
- 【從0開始創(chuàng)建AWTK應(yīng)用程序】創(chuàng)建應(yīng)用程序并在模擬器運行 540次閱讀
- SEW-MOVIPRO啟動應(yīng)用程序配置程序 845次閱讀
- 如何使用Tokio 和 Tracing模塊構(gòu)建異步的網(wǎng)絡(luò)應(yīng)用程序 726次閱讀
- 基于RTOS的應(yīng)用程序的五個最佳實踐技巧 1034次閱讀
- PreEmptiveProtection:全面的移動應(yīng)用程序保護 683次閱讀
- 如何使您更好地進行應(yīng)用程序安全測試 702次閱讀
- 怎么使用uboot引導(dǎo)應(yīng)用程序? 1544次閱讀
- 聊聊PHP的web應(yīng)用程序開發(fā)框架存在的漏洞有哪些 1834次閱讀
- 基于AWTK開發(fā)應(yīng)用程序需要遵循的規(guī)范和方法 1391次閱讀
- DPU編譯應(yīng)用程序的不同方法 1768次閱讀
- 淺談RAM 執(zhí)行應(yīng)用程序 3262次閱讀
- HarmonyOS應(yīng)用程序Ability的作用 2571次閱讀
- 應(yīng)用程序安全怎樣來提供保障 1230次閱讀
下載排行
本周
- 1DC電源插座圖紙
- 0.67 MB | 2次下載 | 免費
- 2AN158 GD32VW553 Wi-Fi開發(fā)指南
- 1.51MB | 2次下載 | 免費
- 3AN148 GD32VW553射頻硬件開發(fā)指南
- 2.07MB | 1次下載 | 免費
- 4AN111-LTC3219用戶指南
- 84.32KB | 次下載 | 免費
- 5AN153-用于電源系統(tǒng)管理的Linduino
- 1.38MB | 次下載 | 免費
- 6AN-283: Σ-Δ型ADC和DAC[中文版]
- 677.86KB | 次下載 | 免費
- 7SM2018E 支持可控硅調(diào)光線性恒流控制芯片
- 402.24 KB | 次下載 | 免費
- 8AN-1308: 電流檢測放大器共模階躍響應(yīng)
- 545.42KB | 次下載 | 免費
本月
- 1ADI高性能電源管理解決方案
- 2.43 MB | 450次下載 | 免費
- 2免費開源CC3D飛控資料(電路圖&PCB源文件、BOM、
- 5.67 MB | 138次下載 | 1 積分
- 3基于STM32單片機智能手環(huán)心率計步器體溫顯示設(shè)計
- 0.10 MB | 130次下載 | 免費
- 4使用單片機實現(xiàn)七人表決器的程序和仿真資料免費下載
- 2.96 MB | 44次下載 | 免費
- 53314A函數(shù)發(fā)生器維修手冊
- 16.30 MB | 31次下載 | 免費
- 6美的電磁爐維修手冊大全
- 1.56 MB | 24次下載 | 5 積分
- 7如何正確測試電源的紋波
- 0.36 MB | 17次下載 | 免費
- 8感應(yīng)筆電路圖
- 0.06 MB | 10次下載 | 免費
總榜
- 1matlab軟件下載入口
- 未知 | 935121次下載 | 10 積分
- 2開源硬件-PMP21529.1-4 開關(guān)降壓/升壓雙向直流/直流轉(zhuǎn)換器 PCB layout 設(shè)計
- 1.48MB | 420062次下載 | 10 積分
- 3Altium DXP2002下載入口
- 未知 | 233088次下載 | 10 積分
- 4電路仿真軟件multisim 10.0免費下載
- 340992 | 191367次下載 | 10 積分
- 5十天學(xué)會AVR單片機與C語言視頻教程 下載
- 158M | 183335次下載 | 10 積分
- 6labview8.5下載
- 未知 | 81581次下載 | 10 積分
- 7Keil工具MDK-Arm免費下載
- 0.02 MB | 73810次下載 | 10 積分
- 8LabVIEW 8.6下載
- 未知 | 65988次下載 | 10 積分
評論