亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國(guó)推薦設(shè)計(jì)師 (詳情)
//百度統(tǒng)計(jì) 20220402 uicn

您的意見是我們 UI 中國(guó)進(jìn)步的動(dòng)力!
點(diǎn)擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入U(xiǎn)I中國(guó)官方反饋群進(jìn)行反饋!
群號(hào):302892100
備注:反饋問題后@管理員能讓我們及時(shí)了解您的意見

提交需求

賽事與廣告咨詢合作,請(qǐng)?zhí)顚懶枨蟊韱?,我們?huì)在第一時(shí)間與您聯(lián)系!

0/20
0/200

設(shè)計(jì)大賽

  • 設(shè)計(jì)大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對(duì)UI中國(guó)的支持和信賴!
改革開放——小屏的故事
0.0°
2014-08-21 好文轉(zhuǎn)載 經(jīng)驗(yàn)/觀點(diǎn) 原作者: 小瑞瑞 舉報(bào) 3381 15 7 6

1997年,那是一個(gè)春天,有一位老人在南海邊畫了一個(gè)圈,這個(gè)圈就畫在咱大深圳!畫圈的人是小平同志。

2014年,還是這個(gè)春天,移動(dòng)設(shè)備的普及成為當(dāng)下互聯(lián)網(wǎng)發(fā)展的又一次變革,我們?cè)诟鞣N小屏幕上畫著一個(gè)又一個(gè)的圈,如今,用戶的移動(dòng)體驗(yàn)無意正在變得更好,因?yàn)樵絹碓蕉嗟木W(wǎng)站已經(jīng)開始為移動(dòng)設(shè)備做了設(shè)計(jì),設(shè)計(jì)師們也明白什么更適合小屏幕。然而,在手機(jī)上執(zhí)行任務(wù)操作仍然存在著許多障礙。

親愛的設(shè)基師朋友們?nèi)绻阏跒榇死_,請(qǐng)關(guān)注如下招式:

首先即使是4G下載時(shí)間問題依然存在,其次用戶討厭需要大量下載網(wǎng)站因?yàn)樗麄冃枰獮榇烁顿M(fèi),再次即使是經(jīng)驗(yàn)豐富的移動(dòng)用戶他們?cè)谕ㄟ^移動(dòng)端訪問完整版網(wǎng)站時(shí)和普通人沒什么區(qū)別。這意味著用戶在整個(gè)移動(dòng)體驗(yàn)中依然有著很高的失敗存在。

如果從設(shè)備看,目前市場(chǎng)主要移動(dòng)設(shè)備可分為:功能型手機(jī),智能手機(jī),全屏手機(jī)。

(備注:功能型手機(jī):是基本功能都具有,不具有功能擴(kuò)展或少有擴(kuò)展的手機(jī),其最大的區(qū)別是智能手機(jī)。功能手機(jī)一般待機(jī)時(shí)間會(huì)長(zhǎng)點(diǎn),較穩(wěn)定。

智能型手機(jī):是指像個(gè)人電腦一樣,具有獨(dú)立的操作系統(tǒng),獨(dú)立的運(yùn)行空間,可以由用戶自行安裝軟件、游戲、導(dǎo)航等第三方服務(wù)商提供的程序,并可以通過移動(dòng)通訊網(wǎng)絡(luò)來實(shí)現(xiàn)無線網(wǎng)絡(luò)接入的這樣一類手機(jī)的總稱。

全屏手機(jī):也可以稱為觸屏手機(jī),最大的特點(diǎn)在于它那超大的屏幕,利用觸摸屏的技術(shù),將該技術(shù)應(yīng)用到手機(jī)屏幕上面的一種智能型手機(jī)。是時(shí)下最熱門的手機(jī)類。)

為了實(shí)現(xiàn)更高的用戶性能,應(yīng)該為每一種移動(dòng)設(shè)備類型設(shè)計(jì)不同的體驗(yàn):屏幕越小,功能就越少,設(shè)計(jì)也應(yīng)該越簡(jiǎn)潔。

如何為小屏做設(shè)計(jì)?

為移動(dòng)設(shè)備設(shè)計(jì)時(shí),主要注意兩點(diǎn):

1.內(nèi)容和導(dǎo)航是否足夠明顯,用戶不用花費(fèi)學(xué)習(xí)成本。

2.為小屏幕和緩慢的下載速度做設(shè)計(jì)。

這兩點(diǎn)詮釋了為什么所有移動(dòng)端網(wǎng)站都必須根據(jù)目標(biāo)網(wǎng)站的特點(diǎn)作出。

寸土寸金的空間——移動(dòng)屏幕是這么的小,你這么浪費(fèi)空間你媽媽知道嗎?

圖二的顯示方式可以呈現(xiàn)更多的新聞,這才是人們的實(shí)際使用。圖一相比更增加了用戶一步操作,雖然好看但華而不實(shí)。 為什么用戶在日常使用中更偏愛普通且有點(diǎn)無趣的設(shè)計(jì)? 這是因?yàn)檫@樣的設(shè)計(jì)能讓用戶一眼看到更多內(nèi)容。

第二個(gè)案例則是成功浪費(fèi)ipad的屏幕空間,它讓大多數(shù)的天氣信息密集的排布在底部,而將大部分屏幕的空間用一張純粹的圖片做裝飾,這樣的默認(rèn)設(shè)計(jì)讓人乏味。

一個(gè)內(nèi)容兩種呈現(xiàn)多些選擇

同樣的數(shù)據(jù)如果有著兩種不同的呈現(xiàn)顯得有點(diǎn)多余,通常是設(shè)計(jì)者并不清楚哪個(gè)更適合用戶,所以給出兩個(gè)方案,讓用戶自己去選擇。為數(shù)據(jù)使用兩種界面,唯一合理的情況是這兩種數(shù)據(jù)需要強(qiáng)調(diào)本身具有不同的兩個(gè)方向。

美團(tuán)的界面有列表視圖和地圖視圖,兩種界面能夠讓用戶查看不同的方向,列表包括詳細(xì)的信息內(nèi)容和價(jià)格,而地圖則顯示了餐廳的地理位置。

在ibook中也同樣的表現(xiàn)了兩種顯示,但你會(huì)發(fā)現(xiàn)一種界面明顯優(yōu)于另一種。事實(shí)表明,列表界面能讓用戶更加輕松的辨認(rèn)出圖書和作者,或用書名做快速搜索,列表中按照字母快速排序而書架中的并不是。大量圖書存在情況下,通過圖書封面快速查找可能性也隨之降底。

別讓虛擬元素?fù)屃说乇P

所謂虛擬設(shè)計(jì)元素是指像用戶提供關(guān)于屏幕內(nèi)容的信息或者操作該內(nèi)容的命令。這些虛擬元素通常用底層的系統(tǒng)提供。例如PC端他的虛擬元素就是PC的各種指令如任務(wù)欄,系統(tǒng)托盤區(qū)等。而軟件PS工具中的菜單欄,工具欄等等。

在移動(dòng)端使用這些虛擬元素的代價(jià)很明顯,他們會(huì)占據(jù)空間,而壓縮了內(nèi)容的區(qū)域。

圖一中你會(huì)發(fā)現(xiàn)這些虛擬的元素,讓有效內(nèi)容顯得更少,然而也會(huì)隨著系統(tǒng)自帶的一些元素不斷疊加,經(jīng)過堆積的虛擬元素通常會(huì)占據(jù)一半的屏幕空間。那如果我們將這些元素暫時(shí)隱藏其實(shí)也是很危險(xiǎn)的,因?yàn)橛脩魧?duì)看不見的部分通常是忽略的。那該如何是好??。?!

其實(shí)只要你善待他們他們自然會(huì)用更好的姿態(tài)回報(bào)你:

1. 考慮將這些虛擬元素設(shè)計(jì)的更簡(jiǎn)單有效

2. 提供自始至終的一致性,讓用戶記住你這些虛擬操作正在處于隱藏狀態(tài),而他的操作可以不斷重復(fù)這樣的模式。3. 通過內(nèi)容的錯(cuò)落差,上下文提示和漸進(jìn)式暴露方法降低隱藏帶來的復(fù)雜性。

Path從早期即將菜單做隱藏處理,長(zhǎng)期的使用培養(yǎng)了用戶對(duì)這個(gè)虛擬元素的認(rèn)知。并且在使用過程中你需要重復(fù)這樣的操作。

閱讀器默認(rèn)狀態(tài)工具隱藏,用戶能通過文字錯(cuò)落了解翻頁,點(diǎn)擊屏幕呼出工具。

時(shí)間都去哪兒——下載時(shí)間的秘密

試想如果你已經(jīng)把空間都利用的很好了,但等待時(shí)間卻很長(zhǎng),用戶可不會(huì)原諒你。因此,在為移動(dòng)設(shè)備設(shè)計(jì)的時(shí)候,將交互流程成本降到最低是關(guān)鍵。

1. 讓操作流線話,所需要下載的界面越少越好。舉個(gè)例子,如果內(nèi)容都已經(jīng)存儲(chǔ)在手機(jī)中,這樣操作并不需要從服務(wù)器下載信息。

2. 只加載需要的信息,即那些對(duì)用戶有用的價(jià)值信息。

3. 不要濫用圖片。圖片越多,下載速度也越慢。(ps:也許這也是為什么在移動(dòng)端扁平化盛行的原因之一)

4. 給用戶提供反饋。比如你的下載進(jìn)行到什么樣的一個(gè)狀態(tài),需要讓用戶有一個(gè)認(rèn)知,這樣雖然不能完全解決他們中斷操作,但可以稍微緩解一下。

解決了如上問題是不是就能留住用戶,提高成功率?非也~~

請(qǐng)看最后一招!

必須避免過早注冊(cè)及高門檻

移動(dòng)應(yīng)用的最重要的原則之一就是避免讓用戶在第一步做注冊(cè)。因?yàn)槌跗谟脩魧?duì)這樣的產(chǎn)品并未建立認(rèn)知和好感,在初期就要求用戶注冊(cè)是錯(cuò)誤的。需要記住的是,用戶在一開始對(duì)你的應(yīng)用投入程度是很低的。除非你真的太牛逼,太受歡迎了,值得他們?nèi)プ?cè)。

下面我們一起來看一下幾個(gè)案例:

圖一中在開始第一步即要求用戶填寫信息,造成很大流失率,因?yàn)槌跗谟脩舨⑽磳?duì)你的信息有所認(rèn)知,你憑什么要求別人填寫。圖二強(qiáng)迫用戶注冊(cè),你長(zhǎng)這樣憑什么要我注冊(cè)?!許多人會(huì)就此退出應(yīng)用,而且從此碰都不碰。這樣你便失去了給別人帶來良好的第一印象。

上圖所示的案例即為合理的體驗(yàn):

1. 展示用戶需要的信息

2. 讓用戶制定自己的訂單

3. 顯示價(jià)格信息,以及相應(yīng)訂單時(shí)間。

4. 接受訂單,此時(shí)要求填寫注冊(cè)等相關(guān)信息,恰到好處。

在移動(dòng)端的設(shè)計(jì)中如果能對(duì)以上幾個(gè)觀點(diǎn)有所考慮,相信你的移動(dòng)端設(shè)計(jì)會(huì)是變的更有誠(chéng)意,其實(shí)用戶更多的時(shí)候只是希望看到你為他們量身定制的服務(wù)。這就好比當(dāng)年小平同志將深圳劃為改革開放經(jīng)濟(jì)特區(qū),享有經(jīng)濟(jì)特權(quán),如此的有誠(chéng)意的一個(gè)圈造就了今天的深圳。

感情深不深 酒水一口悶

誠(chéng)意足不足 為你做衣服


文章來自tgideas.qq

更新:2014-08-21

收藏

15人已收藏

yaya0101

學(xué)習(xí)中 多指教

  • 36

    作品

  • 745

    粉絲

  • 5

    關(guān)注

  • UI中國(guó)志愿者招募
  • Apple Watch會(huì)給瑞士手表帶來麻煩嗎?
  • 折紙效果圖標(biāo)制作教程
  • Dave Whyte的幾何動(dòng)效變化
相關(guān)標(biāo)簽

    猜你喜歡

      2014-08-21 好文轉(zhuǎn)載 經(jīng)驗(yàn)/觀點(diǎn) 原作者: 小瑞瑞 舉報(bào) 3381 15 7 6

      改革開放——小屏的故事

      0.0°

      你確定要舉報(bào)改革開放——小屏的故事?

      如果查出惡意舉報(bào),十天內(nèi)禁止提交任何舉報(bào)申請(qǐng)。

      0/200

      上傳證據(jù): 超過10M的附件請(qǐng)使用網(wǎng)盤地址

      點(diǎn)擊上傳附件

      對(duì)誰可見:

      全部設(shè)計(jì)師
      • 全部設(shè)計(jì)師
      • 推薦設(shè)計(jì)師和認(rèn)證設(shè)計(jì)師

      您確認(rèn)要推薦?

      該作品發(fā)布時(shí)間:2014年08月21日

      評(píng)分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      7
      15
      6

      賬號(hào)或密碼錯(cuò)誤,請(qǐng)重新輸入

      賬號(hào)或密碼錯(cuò)誤,請(qǐng)重新輸入

      登錄

      手機(jī)號(hào)

      發(fā)送驗(yàn)證碼 120s 驗(yàn)證碼錯(cuò)誤

      登錄
      第三方賬號(hào)登錄