公主的腿间舌奴们np肉_国产在热线精品视频99公交_公主车上荫蒂添的好舒服_公侵犯人妻中文字慕一区二区_公么大龟弄得我好舒服秀_公交车+多人+高cH文章推荐_日本熟妇另类视频在线播放

首頁(yè)

關(guān)于Android和IOS交互上那些事

用心設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)tweetduck.com )是一家專(zhuān)注而深入的界面設(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ù)

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

來(lái)源:莫貝網(wǎng)

先說(shuō)Android平臺(tái),自從material design面世以來(lái),市場(chǎng)上很多Android app在設(shè)計(jì)上參差不齊。可能由于設(shè)備及用戶使用習(xí)慣等各種原因,大多數(shù)app都還在以Android 4.0的規(guī)范在做設(shè)計(jì),當(dāng)然也有很多app為了省事,直接從iOS上照搬過(guò)來(lái)。因此,真正以MD為設(shè)計(jì)基礎(chǔ)的應(yīng)用并不多。下面是一些整體的框架記錄,更為詳細(xì)的交互細(xì)節(jié)以后再說(shuō)。

 

1

仔細(xì)閱讀MD的規(guī)范,似乎寫(xiě)的很清楚,但是如果和Android4.0規(guī)范放在一起,還是會(huì)發(fā)現(xiàn)很多有出入的地方。不過(guò)規(guī)范的目的是為了培養(yǎng)并迎合用戶使用習(xí)慣,減少用戶認(rèn)知負(fù)擔(dān)。文字是死的,人是活的,靈活應(yīng)用才是關(guān)鍵。

在以MD為基礎(chǔ)的app設(shè)計(jì)中,經(jīng)常會(huì)出現(xiàn)以下結(jié)構(gòu)(如圖1)

1

在Android 4.0和material design設(shè)計(jì)規(guī)范中都專(zhuān)門(mén)對(duì)選項(xiàng)卡進(jìn)行了說(shuō)明,但兩者的說(shuō)法不同。

在Android 4.0中,選項(xiàng)卡tabs屬于操作欄的一部分,可以很輕松探索 app 中的不同功能,或?yàn)g覽不同分類(lèi)的數(shù)據(jù)集,就是說(shuō)tabs選項(xiàng)卡是可以作為導(dǎo)航使用的,類(lèi)似于iOS的標(biāo)簽欄,只是iOS放在屏幕底部,安卓是放在屏幕頂端(如上圖2)。

但在material design中,tabs 的作用是將大量關(guān)聯(lián)的數(shù)據(jù)或者選項(xiàng)劃分成更易理解的分組,雖然很容易讓人聯(lián)想到導(dǎo)航,但其本身并不是用來(lái)導(dǎo)航的。每個(gè)tab的內(nèi)容應(yīng)該互相關(guān)聯(lián)并且是在同 一個(gè)主題下(如下圖)。圖中出行方式可以通過(guò)tab劃分成多種方式,但是搜索、指南、設(shè)置卻完全屬于不同的功能導(dǎo)航。

1

如此看來(lái),兩種規(guī)范似乎是相互沖突的,而且只要留心一下你會(huì)發(fā)現(xiàn),現(xiàn)在市場(chǎng)上經(jīng)常是這兩種形式都有。googel官方比較推崇應(yīng)用結(jié)構(gòu)是:左側(cè)導(dǎo)航抽屜+應(yīng)用欄+tabs(Tab可選),但是同一種結(jié)構(gòu)卻有兩種不同表現(xiàn)方式。

方式一:谷歌主推形式

側(cè)邊欄導(dǎo)航作為應(yīng)用的主導(dǎo)航,頭屏顯示應(yīng)用最重要的功能或內(nèi)容,如果在較低層級(jí)中有多個(gè)平行相關(guān)視圖,可以用Tab結(jié)構(gòu)(當(dāng)然也可以沒(méi)有)。這種結(jié) 構(gòu)的關(guān)鍵是主要功能或內(nèi)容很突出,所以頭屏最大化顯示,而其他功能相對(duì)較弱,不需要頻繁切換側(cè)邊欄導(dǎo)航(如下圖)。谷歌發(fā)布的inbox郵箱,左側(cè)導(dǎo)航欄作為主導(dǎo)航,默認(rèn)顯示收件箱頁(yè)面,用戶最常用也最重要的功能是查看收件箱,至于其他的發(fā)件箱、垃圾郵件等都可以放在導(dǎo)航抽屜內(nèi)收起。googel圖書(shū)頂部是應(yīng)用欄+tabs結(jié)構(gòu),此處Tab強(qiáng)調(diào)的是在同一主題下的不同歸類(lèi),而不是導(dǎo)航。

1

方式二:市場(chǎng)發(fā)展

或許是受4.0規(guī)范的影響,在左側(cè)導(dǎo)航抽 屜+應(yīng)用欄+tabs的應(yīng)用結(jié)構(gòu)中,Tab作為應(yīng)用的主導(dǎo)航,而左側(cè)抽屜作為輔導(dǎo)航,收納一些用戶不常使用的功能,像用戶中心、設(shè)置、反饋等。這種結(jié)構(gòu)適 合那些多個(gè)相同等級(jí)的功能視圖需要頻繁切換的app,且只需要手指左右滑動(dòng)就能快速切換Tab視圖,這將大大提高應(yīng)用使用效率。如下圖所示,雖然是概念設(shè)計(jì)(主要是國(guó)內(nèi)安卓應(yīng)用喜歡延續(xù)iOS風(fēng)格,將Tab放在屏幕底部,米找到合適的例子,且MD沒(méi)有被普遍應(yīng)用),但很適合該場(chǎng)景下的示例。這款產(chǎn)品類(lèi)似于微信,將主要功能導(dǎo)航放在頂部,實(shí)現(xiàn)快速切換,側(cè)邊抽屜導(dǎo)航放置收藏、狀態(tài)、設(shè)置等次要功能。

2

以上兩種方式并不沖突,關(guān)鍵是看你應(yīng)用的功能內(nèi)容。如果你的應(yīng)用核心功能很突出,且不需要其他功能頻繁切換,就選擇第一種;如果你的應(yīng)用有兩個(gè)或者兩個(gè)以上相同重要的功能模塊,且需要頻繁切換,比如微信的即時(shí)聊天和朋友圈,那就嘗試第二種。

Android部分暫時(shí)就到這里,來(lái)看看iOS。如果展開(kāi)來(lái)講,體系太龐大,暫且用一張圖表示,雖然都是很基礎(chǔ)的內(nèi)容。

 

1

另外,Android和IOS很明顯的差異是層級(jí)返回和編輯選擇。

1、層級(jí)返回

IOS平臺(tái)沒(méi)有實(shí)體返回按鍵,所以涉及層級(jí)間的導(dǎo)航,app界面本身一定要有返回按鈕,而實(shí)體home鍵只負(fù)責(zé)應(yīng)用退出。Android平臺(tái)有物理 返回按鍵,且點(diǎn)擊返回的是動(dòng)作流。比如,在搜索界面,點(diǎn)擊搜索框調(diào)出軟鍵盤(pán),再點(diǎn)返回按鍵,不是返回上一頁(yè),而是收回彈出的軟鍵盤(pán),它強(qiáng)調(diào)的是返回上一個(gè) 動(dòng)作的界面,而非層級(jí)關(guān)系。在Android平臺(tái)上的app,如果應(yīng)用本身含有返回按鈕,返回的是上一層級(jí),設(shè)計(jì)的是層級(jí)間的導(dǎo)航。另外,在安卓app的首頁(yè)點(diǎn)擊返回按鍵,就是退出應(yīng)用??煽慈缦玛P(guān)系圖

1

2、編輯選擇

對(duì)于編輯選擇功能,IOS有明確的入口,通常在導(dǎo)航欄 上有編輯按鈕,點(diǎn)擊后進(jìn)入編輯模式,通??梢远噙x,同時(shí)底部或頂部會(huì)增加工具欄,用來(lái)處理多選內(nèi)容。當(dāng)然也可以單選刪除,通過(guò)點(diǎn)按向左滑動(dòng)刪除,或者是點(diǎn) 擊按鈕從底部呼出操作菜單,逐個(gè)刪除。但Android是通過(guò)長(zhǎng)安方式進(jìn)入編輯模式,此時(shí)操作欄被一個(gè)臨時(shí)情景操作欄覆蓋(情景操作欄可以覆蓋頂部操作欄 和底部操作欄),界面內(nèi)容允許單個(gè)或多個(gè)操作(如下圖)

1

以上部分其實(shí)都是一些平臺(tái)規(guī)范總結(jié),將區(qū)別大且重要部分整理出來(lái),也是為了方便閱讀查看,后期會(huì)持續(xù)更新一些其他交互內(nèi)容。

作者:butter
來(lái)源:jianshu

減少返工!如何發(fā)現(xiàn)交互設(shè)計(jì)中的思維盲區(qū)?

周周

interactive-design-blind-area-1

@琛桑要做芝麻藝人 :作為入行不久的交互設(shè)計(jì)師,我發(fā)現(xiàn)自己在交互設(shè)計(jì)的實(shí)踐中無(wú)法顧及到方方面面,是存在思維盲區(qū)的。其中有欠缺經(jīng)驗(yàn)的原因,也有自身知識(shí)局限的問(wèn)題。進(jìn)入開(kāi)發(fā)階段后,每次需要修改交互時(shí),心里都會(huì)有些慚愧,感覺(jué)為小伙伴們帶來(lái)了不必要的工作量。

6個(gè)技巧幫你把IOS的UI轉(zhuǎn)換成安卓!

博博

想適配兩個(gè)完全不同的平臺(tái),有哪些需要注意的點(diǎn)呢?今天這篇文章總結(jié)了6個(gè)值得新手學(xué)習(xí)的地方,包括圖標(biāo)、屏幕密度尺寸、設(shè)計(jì)等等,來(lái)收吧!

111.webp.jpg

1. 不要轉(zhuǎn)換

你不應(yīng)該在安卓上使用同一套規(guī)格的UI。iOS有一個(gè)能讓你一鍵返回桌面的“物理home鍵”。然而,安卓上的按鍵是“返回、home和多任務(wù)”。

這意味著什么?

一位安卓用戶可以從一個(gè)應(yīng)用輕松跳轉(zhuǎn)到另一個(gè)應(yīng)用。這是一個(gè)很大的不同之處。

222.webp.jpg

因此,iOS通常會(huì)有一個(gè)結(jié)合了縱向和橫向的UI結(jié)構(gòu),但安卓則更偏向于縱向。

640.webp.jpg



如何發(fā)現(xiàn)移動(dòng)端交互設(shè)計(jì)中的思維盲區(qū)?

用心設(shè)計(jì)

當(dāng)某個(gè)功能對(duì)數(shù)量有限制時(shí),操作的時(shí)機(jī)就變得很重要。以在app上報(bào)名班級(jí)(圖1)的操作為例,假設(shè)班級(jí)容量為20人,確認(rèn)報(bào)名訂單時(shí)暫
時(shí)扣去一個(gè)名額庫(kù)存,完成支付時(shí)完全扣去這個(gè)名額。如果當(dāng)你報(bào)名班級(jí)時(shí),名額已滿,但還有人未付款,這時(shí)系統(tǒng)應(yīng)該有什么提示?這和報(bào)名班級(jí)時(shí),班級(jí)絕對(duì)性
滿員(名額已滿,且所有人完成付款)的情況處理方式是不一樣的。另一種情況是,在你進(jìn)入確認(rèn)訂單頁(yè)時(shí),名額未滿,但當(dāng)你按下“確認(rèn)”訂單,此時(shí)名額已經(jīng)滿
了,也應(yīng)該有相應(yīng)的提示。像這種對(duì)數(shù)量敏感的功能,應(yīng)盡量明確地告訴用戶限制條件,當(dāng)前的相關(guān)狀態(tài)是怎樣的(未滿員,暫時(shí)滿員,或已滿員?),防止用戶進(jìn)
行不必要的操作。用戶若第一時(shí)間沒(méi)有理解,可能需要進(jìn)一步友好地提示。

如何發(fā)現(xiàn)交互設(shè)計(jì)中的思維盲區(qū)

別具匠心!24款驚艷難擋的IOS APP網(wǎng)站著陸頁(yè)設(shè)計(jì)

博博

隨著iOS設(shè)備的大規(guī)模普及,優(yōu)質(zhì)的iOS應(yīng)用如同雨后春筍般層出不窮。每天都會(huì)有驚艷的iOS應(yīng)用涌現(xiàn),從社交媒體到隔壁老王,你會(huì)從各種不同的渠道聽(tīng)到它們的名字,被不同的人安利。通常,這些優(yōu)質(zhì)的APP都會(huì)有一個(gè)逼格不低的官方網(wǎng)站,經(jīng)過(guò)精心篩選之后,我們優(yōu)選出24個(gè)品質(zhì)不錯(cuò)的iOS APP的官網(wǎng)。這些網(wǎng)站有的簡(jiǎn)約,有的優(yōu)雅,有的好玩,其中總會(huì)有幾個(gè)令人愛(ài)不釋手。

一次移動(dòng)記賬App的設(shè)計(jì)探索

用心設(shè)計(jì)

在一天的使用過(guò)程中,我很可能存在多次記賬的需求,這也意味著我會(huì)頻繁打開(kāi)這個(gè)產(chǎn)品,簡(jiǎn)單和可以讓我更快的完成任務(wù)。記賬因?yàn)樯婕暗劫Y金這個(gè)問(wèn) 題,所以它同樣需要一定的安全性。如果要給這個(gè) App 一個(gè)定位的話,我認(rèn)為它是一款 “能滿足大眾基本記賬需求的輕便的移動(dòng)記賬 App ” 。

基于以上的思考,很快就產(chǎn)出了以下稿子:

一次移動(dòng)記賬 App 的設(shè)計(jì)探索

認(rèn)真就贏了!做好這兩個(gè)狀態(tài)可以迅速提高用戶體驗(yàn)

周周

design-status-improve-ux-1

編者按:今天這篇干貨聊的是人們最討厭的兩個(gè)狀態(tài) —— 軟件報(bào)錯(cuò)和加載緩慢。如何提高這兩個(gè)糟心狀態(tài)的用戶體驗(yàn)呢?作者從不少交互上的細(xì)節(jié)做了考量推敲,附上大神的意見(jiàn)和實(shí)戰(zhàn)案例,特別有現(xiàn)實(shí)參考價(jià)值。

讓設(shè)計(jì)跟著指尖走:觸控設(shè)備上的互動(dòng)效果

用心設(shè)計(jì)

對(duì)于網(wǎng)頁(yè)瀏覽者來(lái)說(shuō),按鈕控件的幾種變化可以說(shuō)是再熟悉不過(guò)的一種機(jī)制了:一般使用鼠標(biāo)瀏覽時(shí)最容易感受到的有 Normal、Hover 以及 Archive 這三種效果,分別為按鈕平時(shí)的狀態(tài)、鼠標(biāo)游標(biāo)移到上方的效果、以及點(diǎn)擊按鈕時(shí)的效果。

讓設(shè)計(jì)跟著指尖走:觸控設(shè)備上的互動(dòng)效果,優(yōu)界網(wǎng)

交互的細(xì)節(jié)!向用戶征詢IOS授權(quán)的五種常見(jiàn)設(shè)計(jì)模式

周周

ask-users-for-ios-permissions-1

小文一篇,話題仍與上周銜接,小結(jié)了五種在iOS中向用戶申請(qǐng)權(quán)限的實(shí)踐模式,可參考。下面進(jìn)入譯文。

對(duì)于iOS app,當(dāng)功能涉及到推送通知、訪問(wèn)照片或調(diào)用相機(jī)、獲取地理位置等等時(shí),都需要向用戶申請(qǐng)授權(quán)。申請(qǐng)會(huì)發(fā)生在app運(yùn)行的過(guò)程中,而不是像Android那樣在安裝的時(shí)候就莫名其妙的問(wèn)用戶是否同意app調(diào)用某些系統(tǒng)功能。不過(guò)如今Android也在向iOS的方式靠攏。

App設(shè)計(jì)者需要注意的21條禁忌

用心設(shè)計(jì)

我們通常在做APP設(shè)計(jì)的過(guò)程中,遇到很多看似很小,且很容易被忽略的問(wèn)題,正是這些小問(wèn)題,一次次的撩撥用戶的耐心,讓用戶對(duì)你的APP心生怨念。現(xiàn)在WeX5君嘔血為大家整理出APP設(shè)計(jì)的21條禁忌,希望與APP設(shè)計(jì)者的您共勉。

jinzhi

日歷

鏈接

個(gè)人資料

存檔

贡觉县| 阿图什市| 始兴县| 西林县| 新丰县| 三原县| 南昌市| 通山县| 平武县| 凤台县| 大同市| 禄丰县| 收藏| 无棣县| 额尔古纳市| 铁岭县| 卓尼县| 扶余县| 都匀市| 威宁| 木里| 密山市| 邹平县| 赤峰市| 南京市| 揭阳市| 屯门区| 武宣县| 象州县| 武城县| 习水县| 绥阳县| 双峰县| 涟源市| 宿迁市| 土默特左旗| 沂水县| 辽阳市| 秦皇岛市| 咸丰县| 汝南县|