亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看

IOS用戶體驗設計:如何構建交互模式

2013-11-1    藍藍設計的小編

轉載藍藍設計(   m.skdbbs.com  )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網站建設 平面設計服務

來源:http://www.uisdc.com/banner-click-rate

如果您想訂閱本博客內容,每天自動發到您的郵箱中,   請點這里

Isolated blank book front

如何構建交互模式(選自《iOS用戶體驗設計》)

一個工作流可以產生大量的交互模式,在功能上每種模型都可以很相似,但在用戶體驗上差異就會很大了。如何通過具有特色的交互方式創建超越同類用戶體驗的應用就顯得至關重要了。

工作流的定義是所有交互設計活動的基礎。我們就是在定義工作流的過程中確定用戶與應用的交互方式。你可以根據想要實現的目標,在多種不同的層次上對其進行定義。在有些情況下,你只需要抽象地定義工作流,而不必關注其功能細節和具體的交互方式。這對確定功能集和一般流程之間的關系是很有價值的。而在另一些情況下,你則需要定義用戶可能會碰到的所有交互、事件以及狀態變化的邏輯,以清晰地勾勒出整個應用程序的操作方式。

亞馬遜購買《iOS用戶體驗設計》

為了進行交互建模,你需要更為詳細的工作流,而不是抽象且高層次的工作流,但也不需要過于詳細。交互模式的詳細程度取決于應用的性質。下面詳細剖析如何構建交互模式:

如前所述,交互建模是對應用的整體交互行為進行定義,并規范如何運用或規劃這些交互行為來為用戶創建具有一致性的、易于理解的交互模式。《iOS用戶體驗設計》第2章介紹了作為iOS用戶體驗基礎的概念模型和空間模型。分層平面和空間模型這兩種概念共同組成了iOS的基本交互模式。可以看到,如果你能夠合理運用這些概念,它們就能發揮出巨大的力量。(參見圖1-1)

ue1

圖1-1 iPhone中體驗到的iOS空間模型

Default Plane 默認層
Underlying Plane 隱含層
Superimposed Plane 疊加層

在開始交互建模時,你需要以一種抽象的方式進行思考。你不需要考慮具體的功能和內容,而要考慮應用所可能采用的各種不同的交互行為,由此來了解如何使用它們來控制界面上的元素。iOS為我們提供了大量的可選方案,比如,縮放、拖移、輕掃、滑動和滾動,等等。無論是單獨使用還是結合使用,這些手勢都可以用來創造出有趣的效果和截然不同的交互方式。

到目前為止,我在差異化方面已經說得不少了,其中最大的一項挑戰就是:弄清應該在哪里并如何以最佳方式對應用中的交互方式進行差異化設計。交互建模中最重要的就是理解怎樣運用這些概念。你可以自由嘗試并且思考如何將這些概念用到你的設計中去。創建一個具有差異性的解決方案并不困難,但是要創建一個可擴展、易于擴展且最重要的是易于用戶理解的解決方案,則需要花費很大的努力。

讓我們來做個小練習,以便理解如何打破常規創建具有差異性的交互方式。想象一個簡單的用戶界面組件,比如,列表視圖。在用戶體驗或者用戶界面的設計中,列表對象是相當常見的,而且用途非常廣泛。一般來說,列表都是由文本對象豎直排列而成,并且每個文本對象都獨自占據一行(參見圖1-2)。

ue2

圖字:ITEM 列表項

圖1-2 典型的列表視圖

現在退一步,從抽象層面上思考一下列表究竟是什么。它本質上只是一個可以讓你進行選擇的對象數組。這是一個非常基本的概念。如果進一步思考,你就會發現,并非一定要以豎直的方式來排列列表項,而且也不一定必須排成一列。所以你應該問問自己,是否有其他更有價值的形式用來解決自己的問題?這一問題的答案可能不怎么顯而易見,所以我們需要考慮一些不同的方案,看看會不會產生一些有趣的效果。作為練習,我們來實踐一下如何進行這一過程。

如果我們認為垂直排列的列表沒有什么內在價值,那么水平排列又會怎么樣呢(參見圖1-3)?

ue3

圖1-3 嘗試水平排列列表

盡管這挺有趣,但是我們卻發現這種方式有點問題:當設備處于縱向模式時,屏幕在水平方向上的可用空間就變得非常有限。那么這個問題是否嚴重?如果不考慮具體情境,那這并不是什么大問題。但是想快速瀏覽列表項時,這種方案的效率實在很低,因為你無法一次看到所有的列表項。而當設備處于橫向模式時,雖然情況稍有改善,但仍然不夠理想。

讓我們繼續拓展一下思維。為什么列表項要單列顯示?如果我們將列表中的一行擴展為容納多個項的對象數組,或者說將列表擴展為某種網格結構,那么會是什么效果呢?

ue4

圖1-4 將列表以網格形式顯示

現在就變得更有意思了。這種形式的列表的優點就是能同時顯示多個列表項,比起傳統的列表,這種方案看起來進步了不少。但它仍然存在一些不足,那就是文本對象的可用空間變小了,不過我們似乎可以調整一下文本對象的大小來應對這個問題。

很好!我們從基本的列表概念出發,一步一步地演變成為了這種形式。僅僅通過一些簡單的嘗試,我們就徹底地改變了這種基本概念。但是我們不應該就此止步,因為仍有一些地方值得我們去探究。讓我們思考一下與列表和列表類型對象相關的交互行為。在iOS中,典型的列表可以通過向上或者向下快速輕掃,或者緩慢拖移位于界面邊緣的列表項來進行導航,那么這種方式適用于網格形式的列表嗎?(參見圖1-5)

ue5

圖1-5 應用于兩種解決方案的豎直方向上的滾動操作

答案顯然是:沒有問題!在這個示例中,滾動方式完全適用,但要注意,這種方式并不適用于所有情況。你總是需要評估現有的交互行為,確保它在新的模式中依然可用。

繼續我們的示例。讓我們試著從抽象層面思考這個列表的交互行為。標準的iOS列表對象在任何時候都支持滾動操作,而且因為文本對象是縱向排列成一列的,所以滾動方向也只局限在縱向上。由于我們的列表項不是縱向單列排列的,那應該如何將滾動操作應用到現在這個模式中去呢?

ue6

圖1-6 網格中的多軸滾動方式和行滾動方式

針對這種情況,我們可以有很多種滾動方式,而且它們可能都有效(參見圖6-6)。通過這一系列的示例,我們可以看到,基于已有的界面組件和交互方式來創建新的概念并非難事。這個列表示例只是一個開端,很多其他的想法、界面組件和界面元素都可以通過這種方式來加以改進。這么做可以幫助我們為應用程序設計出非常吸引人的用戶體驗。

本文內容選自:《iOS用戶體驗設計 》第六章:交互建模和創新概念的創建→6.3節建模流程細解→6.3.2構建交互模式

 

《iOS用戶體驗設計》內容簡介:
本書針對開發者與設計師的軟肋,由剖析蘋果《iOS人機界面指南》(HIG)入手,以創造易用性應用體驗為綱,重點探討了幾項值得關注的內容。本書行文字字珠璣,點撥發人深省,讀者可深入了解蘋果應用設計的各種脈象特征,從而能為制定自己的應用開發策略打下堅實的理論基礎。
主要內容有:
? 如何超越HIG創造成功的用戶體驗
? 基于自身條件制定領先對手的差異化策略
? 發掘iOS功能,優先打造高品質移動應用
? 易用性與交互式建模
? 用戶自定制與功能自動化的均衡

作者簡介:Timothy Wood是EffectiveUI公司的用戶體驗總監,該公司屢獲殊榮,出品優秀的軟件,提供突破性的交互體驗。加入EffectiveUI之前,Wood曾任伊士曼柯達公司設計創新和高級開發部門的創意總監,并因其創意和設計能力而獲得了國際認可。過去15年里,Wood專注于通過用戶體驗進行商業變革。

轉摘請注明優設網譯文出處,謝謝各位小編。

日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看
<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 亚洲高清电影| 久久精品91| 狠狠色综合网| 国产婷婷色一区二区三区| 国产乱肥老妇国产一区二| 国产精品久久久久久亚洲调教| 欧美精品在线观看| 欧美日韩一区二区三区在线观看免| 欧美四级剧情无删版影片| 农村妇女精品| 欧美激情中文字幕一区二区| 欧美激情二区三区| 欧美日本在线视频| 欧美日韩中字| 国产精品女主播| 国产精品永久| 狠狠做深爱婷婷久久综合一区 | 亚洲视频在线观看视频| 一区二区三区免费看| 亚洲尤物在线视频观看| 欧美在线免费| 免费h精品视频在线播放| 欧美激情一级片一区二区| 欧美日本免费| 亚洲桃花岛网站| 欧美福利精品| 亚洲无毛电影| 国产一区二区三区的电影| 蜜臀va亚洲va欧美va天堂| 久久精品国产欧美激情| 久久综合999| 欧美精品激情在线观看| 欧美亚州在线观看| 国产午夜精品一区二区三区视频 | 欧美成人高清视频| 欧美日韩情趣电影| 国产精品一区二区男女羞羞无遮挡 | 尤物九九久久国产精品的分类| 亚洲大片在线| 亚洲私人黄色宅男| 久久精品视频一| 欧美精品v日韩精品v韩国精品v| 欧美性一区二区| 国内一区二区在线视频观看| 亚洲精品美女在线观看| 亚洲欧美久久久| 久久亚洲一区二区三区四区| 欧美日韩午夜剧场| 国产亚洲欧美日韩一区二区| 亚洲人体1000| 午夜亚洲伦理| 欧美国产日韩在线观看| 国产欧美日韩综合一区在线播放| 亚洲大片免费看| 亚洲伊人一本大道中文字幕| 久久久无码精品亚洲日韩按摩| 欧美了一区在线观看| 国产亚洲精品一区二555| 亚洲精品乱码久久久久久日本蜜臀 | 久久久久久91香蕉国产| 欧美日韩三级| 在线观看国产成人av片| 亚洲综合欧美日韩| 欧美二区在线观看| 国产亚洲欧美日韩美女| 亚洲毛片一区| 麻豆国产精品va在线观看不卡| 国产精品久久久久久妇女6080| 亚洲国产精品久久久久婷婷884| 亚洲欧美在线观看| 欧美日韩国产综合视频在线观看中文| 国产一区久久| 亚洲在线电影| 欧美精品免费看| 伊人久久亚洲影院| 欧美一区二区三区男人的天堂| 欧美日韩一区二区三区免费| 亚洲成人在线| 久久成人综合视频| 国产精品久久午夜夜伦鲁鲁| 亚洲精品永久免费精品| 久久夜色精品国产噜噜av| 国产精品夜夜嗨| 99在线观看免费视频精品观看| 麻豆精品精华液| 国产亚洲视频在线观看| 亚洲一区二区三区在线视频| 欧美日本一道本在线视频| 亚洲丰满在线| 久久久久久一区二区| 国产日本精品| 午夜一区二区三视频在线观看| 欧美日韩性生活视频| 亚洲国产婷婷香蕉久久久久久99 | 亚洲欧美国产不卡| 欧美三级乱人伦电影| 亚洲精品中文字| 蘑菇福利视频一区播放| 国产一区清纯| 久久aⅴ乱码一区二区三区| 国产精品一区二区男女羞羞无遮挡 | 亚洲国产一区二区三区青草影视 | 久久国产一二区| 国产精品美女www爽爽爽| 日韩一级视频免费观看在线| 欧美激情视频免费观看| 亚洲欧洲日产国产综合网| 老司机精品久久| 亚洲第一精品夜夜躁人人爽| 久久久久久久999| 国产一区视频在线看| 欧美诱惑福利视频| 国产亚洲亚洲| 久久久精品国产免费观看同学| 国产一区二区三区网站| 久久精品99| 国户精品久久久久久久久久久不卡| 性色av一区二区三区红粉影视| 国产精品美女www爽爽爽| 亚洲综合色网站| 国产精品永久入口久久久| 欧美一区二区啪啪| 国产综合欧美| 美女主播一区| 亚洲人屁股眼子交8| 欧美日韩色综合| 亚洲香蕉成视频在线观看| 国产精品一区二区欧美| 欧美影院久久久| 韩国精品久久久999| 久久综合久久美利坚合众国| 亚洲国产精品久久久久婷婷老年| 久久三级视频| 亚洲精品久久久久中文字幕欢迎你 | 亚洲人成高清| 欧美日韩日韩| 亚洲欧美日韩国产一区二区三区| 国产人成一区二区三区影院| 久久福利一区| 在线观看视频一区| 欧美交受高潮1| 亚洲一区二区av电影| 国产日韩欧美精品在线| 毛片一区二区| 99亚洲视频| 国产日韩欧美二区| 美国十次了思思久久精品导航| 亚洲精品一区二区三区在线观看| 欧美日韩亚洲一区| 午夜精品福利在线观看| 影音先锋成人资源站| 欧美精品日韩一本| 亚洲欧美日韩一区| 黄色精品免费| 欧美日韩午夜剧场| 久久精品国产69国产精品亚洲| 亚洲国产精品热久久| 欧美三级视频| 久久国产精品第一页| 亚洲欧洲一区二区三区在线观看| 欧美手机在线视频| 久久精品最新地址| 亚洲美女在线国产| 国产日韩欧美日韩大片| 欧美成人四级电影| 亚洲欧美综合精品久久成人| 亚洲人体偷拍| 国产性猛交xxxx免费看久久| 欧美精品日韩一本| 久久久九九九九| 一区二区欧美激情| 在线免费日韩片| 国产精品久久久久久久久免费樱桃| 久久久久国产精品一区| 99视频一区二区三区| 好吊成人免视频| 欧美午夜精品一区| 麻豆成人av| 午夜久久美女| 日韩性生活视频| 在线播放中文一区| 国产精品亚洲综合久久| 欧美精品一区二区在线播放| 久久国产精彩视频| 亚洲视频一区二区免费在线观看| 亚洲第一区中文99精品| 国产精品网站在线观看| 欧美福利一区| 久久久久久久久综合| 亚洲影院免费| 亚洲欧洲精品一区| 一区二区三区在线视频播放 | 精品成人在线观看| 国产精品毛片va一区二区三区| 欧美不卡视频| 久久激情五月激情| 亚洲专区免费| 日韩视频专区| 亚洲日本在线观看| 激情六月婷婷久久|