伊人久久大香线蕉综合影视_日韩精品少妇无码受不了_71pao成人国产永久免费视频_国产伦片中文免费观看_国产高清无码麻豆精品_九色综合伊人久久富二代_日韩黄色精品_日韩A∨精品日韩精品无码

首頁

案例講解 | 移動端的長表單應該如何設計?

博博

案例講解 | 移動端的長表單應該如何設計? 

原創(chuàng) UEDC  2017-10-24

作者 Echo

基于業(yè)務需求(常見于B端產品),有時候用戶在操作過程中,不可避免的需要填寫很多表單。針對于移動端長表單,我們應該如何去正確的設計呢?

本文大綱:

1.三種主方案

2.主方案1的設計討論

3.主方案2的設計討論

4.主方案3的設計討論

5.總結

1.三種主方案

針對長表單的設計,按照設計思路的不同,可以分為三種主方案,如下所示:

PS:圖中的舉例的關鍵字段僅僅為舉例需要。

主方案1:我們常見的設計形式,一個界面將所有表單信息展示出來。

主方案2:將不同的分組表單放在不同的下一級界面,用戶填寫之后返回。

主方案3:分步操作,一個界面完成一組表單內容,點擊下一步進入下一組表單。

2.主方案1的設計討論

主方案1的設計優(yōu)缺點

優(yōu)點:一個界面將所有表單信息展示出來,如果想查找某些填寫的信息也變得更容易,相對于主方案2和3,減少了頁面跳轉操作和查看。

缺點:基于移動端界面承載能力較弱,一個界面將表單所有展示出來,用戶一次性瀏覽和操作起來壓力較大,容易使操作流程失敗,導致成功率大大降低。

針對于主方案1,用戶完成表單完成后,提交按鈕有三種主要的設計方法,一種是提交按鈕放在表單最后,一種是提交按鈕放在導航欄上。另一種是,提交按鈕底部懸浮。如下圖所示:

方案1.0,如果提交按鈕放在表單之后,那么用戶的視覺流和操作感覺是一致的,流暢而自然。但是會出現(xiàn)一個問題,用戶在輸入信息時,鍵盤調用會遮擋到提交按鈕。Android手機上的輸入法都可以點擊輸入法上的按鈕將鍵盤推下去。而iOS 原生輸入法在輸入法中沒辦法推下去,只能點擊其他非編輯區(qū)域才能推下鍵盤。這樣就顯得很麻煩,用戶可能會忽略掉提交按鈕。

方案1.1解決了提交按鈕會被鍵盤擋住的缺陷,但是視覺流和操作行為錯亂,用戶在屏幕底部輸入完成之后,視覺和手指要返回到頂部操作。

方案1.2提交按鈕底部懸浮,解決了方案1.1的視覺流和操作紊亂的問題,解決了方案1.0提交按鈕被隱藏的問題,但是當輸入文本,調出鍵盤時,依舊會被擋住。

使用底部懸浮按鈕的場景是操作按鈕非常重要,例如手機淘寶的立即購買和加入購物車。

同時底部懸浮按鈕不適用于文本操作類。例如文章說的長表單文本輸入。當輸入文本,調出鍵盤時,依舊會被擋住。

底部懸浮按鈕適用于非文本輸入的使用場景。從手機淘寶、新浪微博可以看出,適用于在界面中非文本輸入、提供一個功能入口或者是界面非文本輸入的選擇信息的確認。

3.主方案2的設計討論

主方案2的設計優(yōu)缺點

優(yōu)點:與主方案3相比不同分組表單之前切換查看信息方便快捷。申請流程的首頁簡潔,填寫信息全部隱藏到下一級界面。

缺點:來回跳轉,操作負荷較大,會把用戶繞暈。

在方案2.0中用戶填寫完成的分組和未分組填寫分組區(qū)分不開,將方案2.0進行優(yōu)化,例如填寫完成后,會出現(xiàn)已完成的標簽,提示用戶已完成和未完成不同的狀態(tài)(如方案2.1)

4.主方案3的設計討論

Facebook曾針對分步注冊與非分步注冊做過A/B Test,其結論指出分步注冊的轉化率遠高于非分步注冊。由此可見,非分步注冊強行減少注冊頁面,不如適當拉長戰(zhàn)線,給用戶輕負荷的操作,讓用戶在不知不覺中完成注冊流程。

主方案3的設計優(yōu)缺點

優(yōu)點:流程分步操作,相對于主方案1,用戶操作成功率大幅度提高。

缺點:如果用戶操作到了第三步,需要返回第一步確認填寫信息的準確性,那么用戶需要兩次返回。

用戶填寫的信息做保存(緩存),用戶返回上一步,填寫的數(shù)據(jù)做保留。H5依舊適用,用戶填寫的數(shù)據(jù)保存在數(shù)據(jù)庫,用戶返回上一步時,同時刷新載入數(shù)據(jù)庫記錄的數(shù)據(jù)。

對于方案3.0和3.1 。下一步按鈕不同。究竟采取哪種?方案3.0視覺流和操作流是正常情況,且不存在按鈕被鍵盤擋住,所以方案3.0最佳。

移動端長表單設計總結

主方案1、2和3,都有各自不同的優(yōu)缺點。

一個交互流程的好壞,一個最重要的標準之一是讓用戶順利完成操作流程,保證操作流程的成功率,才能完成用戶的目標。以此標準來看,主方案3是最好的。

接下來探討一個細節(jié)問題,就是提交按鈕是放在頂部導航欄、信息內容區(qū)內還是底部懸???

這里分為4種情況:

情況1:內容區(qū)加上操作按鈕不被鍵盤覆蓋,建議按鈕放在內容區(qū)內。

情況2:必填的內容未被鍵盤覆蓋,非必填被覆蓋,建議操作按鈕放在導航欄上,例如朋友圈、QQ空間和新浪微博。

情況3:必填的表單超過一屏,建議按鈕放在內容區(qū)。不建議放在導航欄上的原因有兩個:

a.視覺流錯誤,從上往下,信息量很大,用戶滑動瀏覽時,會忽略且很難聯(lián)想點擊導航欄上的操作,行業(yè)常見放在導航欄上是因為必填的不超過一屏。

b.當必填項過多時,要滑動屏幕才能填完。 把按鈕放在右上角的導航欄,當用戶還沒填寫完成,那么在按鈕放在導航欄上很容易去點擊,容易引導用戶犯錯。

情況4:必填超過一屏,且無非文本輸入,建議可使用底部懸浮。


PC端表單設計的研究:如何設計一個優(yōu)秀的表單頁面

藍藍設計的小編

最近身邊的一些小伙伴,總會遇見B端設計工作,對于這種偏后臺設計的B端設計,總會有大量的表單設計需要做,結合以前自己也有過不少表單設計的工作,在這里給大家分享一下自己對于PC端表單設計的研究,聊一聊表單在PC端中的運用。

微交互|只要關注這6個點,交互設計師也能做好競品分析!

資深UI設計者

今天我們來聊聊競品分析,它并不是像人們認為的那樣——有統(tǒng)一的模板,因為針對不同的崗位,做的競品分析是不同的。所以本文聊的是:交互設計師如何做競品分析。
競品分析是對產品、交互從業(yè)人員最基本的技能要求之一,很多剛入行的產品汪、交互喵首先要做的都是競品分析,一來可以考考你的底子,二來可以鍛煉你的邏輯思維。雖然它是基本技能,但是它的作用卻非常大。
那有什么作用呢?當你設計了一個功能,別人問你為什么這么設計時,你的答案要非常專業(yè),而不是說“我覺得……”,這時候競品分析就派上用場了。
做競品分析,可以避免相關設計人員站在自己的角度去思考問題,在評審的時候容易通過且能夠獲得大家的認同,而不會受到來自各方的質疑,這也是那么多人做競品分析的原因之一。
當然,站在產品和運營的角度來說,做競品分析還能開拓市場、優(yōu)化產品、制定策略、確定戰(zhàn)略等等,但是這些在我看來并不是交互設計師需要關心的事情(除了優(yōu)化產品)。

怎么做競品分析

大家在網上能看到很多競品分析文檔,會發(fā)現(xiàn)里面的內容非常多,而且很多都看不懂。告訴你三個字:不用看。
這些文檔看起來好像很專業(yè),但是當中涉及的數(shù)據(jù)內容、商業(yè)分析、產品戰(zhàn)略等大部分都是筆者自己 YY 的,這個不僅對做競品分析沒什么幫助,還會使自己在做的過程中特別容易跑偏。所以你只需要關注以下六個點來做或看競品分析文檔。
  1. 找到商業(yè)需求
  2. 用戶操作流程
  3. 產品功能分析
  4. 交互邏輯思考
  5. 用戶使用評價
  6. 得到設計需求

01. 找到商業(yè)需求

商業(yè)需求這個點,不僅僅適用在競品分析的開頭,我們做交互文檔、需求文檔都要把商業(yè)需求放在首位。只有商業(yè)需求的目標明確了,才好進行下一步操作。那什么是商業(yè)需求呢?
給大家舉個簡單的例子:
今天接到一個產品需求:即優(yōu)化產品的搜索功能??赡芎芏嗳丝吹竭@個需求就馬上開始看看別人的搜索都是怎么做的,然后抄一下,改一下就好了。這樣設計出來的東西,只能說是一個具體的設計任務,而不是解決實際問題的方法。
我們要先找到商業(yè)需求,為什么要優(yōu)化產品的搜索功能呢?有些資深的產品經理會在需求文檔中寫出,而有的并不能想到這一層,僅僅只是覺得不好用所以讓你去優(yōu)化。所以當你的產品經理屬于后者的時候,你就要提前參與到前期的工作中,給自己提問題,告訴自己為什么要去優(yōu)化,以及它能帶來什么效益?
當你的工作做到位的時候,并且了解的足夠多的話,你很輕易的就會發(fā)現(xiàn),我優(yōu)化這個搜索功能的原因有兩個,也就是商業(yè)需求:一是提升平臺成交率,二是獲取用戶數(shù)據(jù)。

02. 用戶操作流程

得到商業(yè)需求,我們就要做具體操作,就是找到合適的競品。這里我擴展一個話題,就是找什么競品。
通常,我把競品分為三大類,分別是核心競品、潛在競品(類競品)、交互參考競品,這三類具體指的是什么,有興趣的小伙伴可以自己去研究了解。
找到這三類競品后,要做的就是把它們所有關于搜索功能模塊的界面做一個仔細操作,并截圖單獨存放在一個文件夾中做深入分析。
比如這個功能涉及到的頁面、動效、視覺等所有信息都進行詳細觀察,然后將其做成一份流程圖,將所有的競品都這樣做完后,進行對比分析,你就會發(fā)現(xiàn)當中的差異,然后就可以知道哪種操作路徑是最好或最適合你的產品的。

這圖是我為了寫文隨便搭的,就是個demo,具體的大家還是要自己去操作。

03. 產品功能分析

當你列出所有流程操作圖后,下面就可以對搜索的功能進行分析。
這塊操作起來比較簡單,首先建一張表,羅列出相應的支持功能,然后對支持的競品類目打上勾,不支持的就不做處理,如下圖:

這圖也是我為了寫文隨便搭的,就是個demo,具體的大家還是要自己去操作。
做完以上操作,接下來再分析每個競品的搜索導航是屬于什么類型,這種類型對搜索有什么好處等等。包括搜索功能模塊的其他信息,如展示形式、關鍵詞、篩選字段等等,以此推導出其中的差異。當然,做其他功能也是一樣,我只是拿搜索做個例子。

04. 交互邏輯思考

由這層開始,要分析功能交互的問題。在每個流程圖的邊上寫下相關的交互邏輯,然后通過自身的行業(yè)知識來拆解競品當中的交互信息,如:
  • 搜索之后頁面的跳轉的層級
  • 搜索結果展示
  • 頁面布局的合理性
  • 圖片比例規(guī)則
  • 按鈕熱區(qū)
  • 表單展示形式
  • 等等
如果你是一個資深的交互設計師,看到的信息還會更多,這塊跟自身能力有關,拆解的產品、分析的交互邏輯越多,這塊的梳理能力就會越強,看產品的本質也會越深。那么你分析競品所能得到的信息也是一般交互和產品不能發(fā)掘的。(關于這塊的產品拆解我后續(xù)會有文章單獨說明)

05. 用戶使用評價

這塊工作看著好像跟競品分析不搭邊,但卻是不可缺少的一環(huán)。因為即使你做了再多的分析和拆解,看了再多的偏好數(shù)據(jù)(更何況有些公司拿到的數(shù)據(jù)并不全面),都沒有看用戶使用評價來的更加直觀。所以看用戶的使用評價變得極其重要,只有真實了解用戶內心,你才能真正設計出好的產品。
我們可以通過各個渠道去了解用戶對一款產品的評價,包括對某個功能的看法,當然我之前也說過,我們不能聽用戶的一面之詞,所以需要去提煉當中的關鍵信息,幫助自己更好的去完善產品。
這塊其實沒什么好說的,在競品分析文檔中,這塊內容其實不需要做過多的展示,只要拿到你的關鍵信息并做個大概說明,然后說出你從中得到的設計思路就可以了,我們最后還是要看輸出總結,即通過做競品分析得到的設計需求。

06. 總結輸出

當我們按照上面的流程做完所有步驟之后,你就會得到你的設計需求,如:
  • 關鍵詞搜索
  • 搜索建議
  • 條件過濾
  • 搜索歷史
  • 查找相似商品
  • 讓用戶快速識別搜索入口
  • 字段排序
等等。
這些所有子功能都是通過做競品分析得到的,當然你也可以通過用戶調研等方式去得到設計需求。
說這么多,就是告訴他家我們做一個產品時,不是自己去YY要做什么,而是通過這一系列工作流去找到應該做的事情。這就是你在這個崗位必須做到的事情,不要以為產品或交互的工作很簡單,上面的每個步驟都是需要大量時間的練習才能做好的。

小結

我們通過競品分析來提高我們產品自身的核心競爭力,并不是為了求同,也不是為了模仿,而是為了突出自身的產品價值,正所謂知己知彼,百戰(zhàn)不殆,競品分析的目的并不是為了抄襲,而是為了超越競品。
不過,競品分析還是會有一定的局限性,比如說我們做競品分析的時候往往容易將產品和企業(yè)文化、產品商業(yè)戰(zhàn)略等信息剝離開來,但是對于很多產品來說,這些是很重要的東西。所以也就很容易忽視這其中的相關性,分析的時候就有可能導致片面或者出現(xiàn)誤差。
所以我們就要不斷地改進我們的競品分析報告,學會從整體上去把握產品的脈絡,才能更好地擺脫競品分析的局限性。 

UI視覺設計師,2018年薪風向是怎樣的?

藍藍設計的小編

隨著時代的發(fā)展,UI視覺設計逐漸成為人們最直觀、最挑剔的話題,視覺營銷的時代已經成為消費者習以為常的選擇,那么作為UI視覺設計師,2018年薪風向是怎樣的?

UI設計師:程序員國寶,請你保持冷靜,這是我的設計稿!

藍藍設計的小編

作為一名UI設計師,賊喜歡高一些非常炫酷的交互動效,而在導航設計中,有些設計更十分貼合這一點。

國外非常高端的UI界面設計,UI設計小白須學

藍藍設計的小編

國外非常高端的UI界面設計,UI設計小白須學

大屏時代,如何做好電視端交互設計?

藍藍設計的小編

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


在前不久,藍藍參觀了中國國際廣播展覽會,這個中國廣電大伽云集的展會上,許多企業(yè)都在播放智能電視端,我拍了一些,做為以后設計的參考,同時也在收集大屏電視設計的資料。

以下為藍藍設計收集的文章之一,這篇文章的好處是總結了硬件交互的特點和各種電視上常見的表現(xiàn)方式,并配以圖片說明,雖然對于專業(yè)的設計師而言,tab/磁貼/列表/滑動換換幻燈片式等都是常見的方式,本能直觀就會做出選擇,也不會僅限于此,但對非從業(yè)者來講,這樣列有概括啟蒙的作用,各個例子取的很全。



硬件+遠距離操控——基本交互 -


基于桌面資料研究以及設計經驗,總結了基本交互主要包含以下幾個關鍵內容:遙控器輸入、導航和菜單、信息展現(xiàn)、控件擺放和焦點狀態(tài)。


一 、遙控器輸入


當我們用手指快速便捷地在手機屏幕上點擊或滑動時,主流電視大屏及應用的操作還是:使用遙控器進行操作。而市面上不同電視生產商生產的遙控器也有著不同的造型和按鍵數(shù)量,如圖1,分別展示了:蘋果、谷歌、小米、樂視和中興機頂盒的遙控器。

1.jpg


圖1 不同廠商的遙控器

 

盡管有著千奇百怪的造型和按鍵數(shù)量,但幾乎全部的遙控器都有幾個相同的按鍵:上、下、左、右、返回鍵和OK鍵,如圖2。它們也夠成了遙控器輸入的基本交互方式:通過“上下左右鍵”移動焦點位置,選中界面元素,按“OK鍵”進行相關操作,按“返回鍵”返回。


2.jpg
圖2 遙控器的基本按鍵


而上圖中還有一些按鍵,如數(shù)字鍵、菜單鍵,有些遙控器是沒有它們的。這里強調下“菜單鍵”,比如之前的一個設計,將不常用的操作隱藏到菜單鍵中,當用戶按菜單鍵時再喚出操作(如安卓端的“長按”,iOS端的“左滑”等)。后來,才發(fā)現(xiàn)并不是所有遙控器都有該按鍵,只能在后續(xù)版本中迭代優(yōu)化。因此,在設計之前,不妨研究一下你的輸入硬件設備,避免因“刻板印象”造成不必要的坑。


遙控器輸入的特性決定了用戶在輸入時的效率和便捷程度都大打折扣,因此,在這樣的局限下,設計師只能通過各種不同的方式來盡量減弱這種不便捷:


1. 減少用戶輸入

能不讓用戶輸入就不輸入,盡量只讓用戶去做“選擇型”輸入,避免大量“文字型”輸入,比如電視上的搜索功能中,及時聯(lián)想、熱搜詞就變得極為重要,如圖3右圖所示。

3.jpg


圖3 鍵盤輸入的優(yōu)化


2. 優(yōu)化輸入模式

結合項目情況,去嘗試優(yōu)化輸入模式,比如充分利用遙控器數(shù)字鍵輸入、重新設計鍵盤以減少用戶操作,如圖3所示。


3. 將輸入轉移

越來越多的產品開始將一些輸入轉移并引導到手機端進行操作,甚至將手機端直接做為遙控器,比如最常見的掃碼登錄和TV助手類APP。輸入轉移能大大提升用戶操作效率,但設計時還是要結合具體場景,避免用戶過多地在手機和遙控器間切換。


4. 創(chuàng)新的輸入方式

隨著各種技術的發(fā)展,在未來,電視端也會有越來越多的輸入方式,而不僅限于遙控器輸入,如智能語音輸入,而我們也需要了解這些新技術,才能幫助我們不斷的創(chuàng)新并給用戶帶來優(yōu)秀的體驗。


二、導航和菜單


電視端的導航和菜單大多數(shù)和手機端、PC端是類似的,但因遙控器輸入的特性或多或少的有些差異,主要分為以下幾類:


1. 十字

十字導航在國內的產品中比較少見,但因它的主導航和二級導航同時展開,能與十字方向鍵完美契合,用戶可通過方向鍵在主導航和二級導航之間以最的方式切換,如圖4所示。但它最多展現(xiàn)2級菜單,即縱向菜單和橫向菜單,又浪費了大量界面空白,因此針對國內大而全的產品而言,往往不是特別適用。


4.jpg

圖4 十字導航


2. 磁貼

磁貼廣泛應用于各種電視應用產品,一般包含主導航和二級磁貼,往往二級磁貼的展現(xiàn)能使信息更加扁平、直觀及可視化,且相比于十字導航,操作的方向不會受到限制;但往往焦點從磁貼移回到左側/上側導航需要更多的操作成本,如圖5所示。磁貼的信息展現(xiàn)能夠充分利用界面空間,并把信息前置,因此,對很多內容型產品而言,磁貼可以很好的適用內容露出,吸引用戶進入。


5.jpg
圖5 磁貼信息展示


3. Tab

廣泛應用于手機端和PC端,當然在電視端中也經常使用,往往起到一級導航的作用,在告知用戶所處位置的同時,很好的引導用戶進行模塊間的切換,如圖6所示。然而,Tab導航也有一些基本的設計要求,比如盡量不使用多層Tab套用,即使不得已套用也需盡量保證表現(xiàn)形式不同;另外,在“焦點”的章節(jié),也還會提到Tab切換時的加載問題。


6.jpg
圖6 Tab導航


4. 列表

列表也是手機端最常用的菜單展現(xiàn)形式,在電視端同樣適用,如電視直播類產品,主功能就利用了多層列表套用的展現(xiàn)形式,詳見圖7所示。而在電視端,列表的樣式也是多種多樣的:如純文字列表(可配按鈕)、圖文列表(可配按鈕)、展示型列表(不可操作)、橫向列表(選集列表)等。


7.jpg

圖7 圖文列表和展示型列表


5. 其他

電視產品上最常用的菜單和導航模式一般都可以總結為以上4種,當然還有一些其他的方式。隨著用戶多設備的使用,越來越多的手機端和PC端的設計模式開始在電視上出現(xiàn);而更多的產品界面因其復雜的功能無法只使用1種菜單和導航模式,往往是混合型設計,如圖8所示。不過,無論使用何種導航和菜單類型,電視大屏幕的菜單和導航的設計目標終歸是:用戶可以快速定位,并且能夠預測出操作結果。因此,靈活使用導航和菜單,使用戶不會迷失在功能繁多的界面信息中就尤為重要。


8.jpg
圖8 其他類型的導航和菜單


三、信息展現(xiàn)


在前面的文字中,我在“電視”這個詞后面都緊跟了“大屏”這個詞,電視的屏幕是比PC還要大的屏幕;而用戶也因為如此大的屏幕,往往是坐在兩三米之外。因此,電視端的信息設計有著兩個顯著的特質:為大屏幕而設計和為遠距離而設計,有著以下幾個注意事項:


1. 重視信息的識別性和簡潔易懂

文字、圖標和按鈕,乃至toast提示,在電視端的識別性問題比手機和PC端更為凸顯。因為遠距離、大屏幕,加上電視本身的休閑屬性,使得用戶的注意力較為分散,因此,界面中的信息和元素就需要適當放大,至少保證用戶能夠在兩三米之外能清晰看到,如圖9所示。


9.jpg
圖9 信息識別案例


2. 提前露出信息和多露出點信息

在“遙控器輸入”章節(jié)中有提到,提前露出信息能夠在一定程度上減少用戶輸入,并在產品層面吸引用戶進入。不過,和手機端設計類似,還是需要甄別哪些信息需要提前露出、怎么露出以及露出信息后對產品穩(wěn)定性和性能的影響;這些都需要基于產品特點,并與產品、視覺和開發(fā)共同協(xié)商確定。而“多露出點信息”卻相對容易理解,主要是告知用戶右邊/下邊“還有一些內容,快去看看”,如圖10所示。


10.jpg
圖10 信息露出案例


3. 避免過多無模塊信息的展示

相比于手機端,因屏幕較大,與PC端類似,往往需將屏幕劃分為多個排列整齊的小屏幕來進行設計,即模塊化、區(qū)域化的設計信息展現(xiàn)。通過這種方式,可以使信息布局更為規(guī)整,用戶不容易迷失在繁雜的信息中,如圖11所示。


11.jpg
圖11 信息模塊化案例


四、控件位置


控件的位置問題是初期開始電視產品設計時非常容易犯的錯誤,如圖12所示。左圖中的“添加股票”按鈕,當已添加的股票過多時,可能會看不到該按鈕,或需用戶按很多下才能使焦點移動到“添加股票”;右圖中的文字瀏覽,完全不知道如何瀏覽,也不知道如何將焦點從文字移動到“查看票種”按鈕。這兩個案例闡述了:按鈕的位置導致按鈕丟失或操作效率較低;電視端文字閱讀也得遵守焦點瀏覽原則,如每行1個焦點或整篇1個焦點,若是后者,就得保證可見范圍內文字已展示全。因此,在電視大屏中放置交互控件,需充分考慮是否符合電視端的使用方式以及用戶的操作效率。


12.jpg
圖12 控件位置案例


五、焦點狀態(tài)


前文提到過很多次的“焦點”,它其實是電視大屏用戶體驗的第一要素,而在交互說明中最常出現(xiàn)的也是“焦點怎么樣了”。無論是交互還是視覺,在初期接觸電視產品設計時,可能都會因為“焦點”的設計失誤引發(fā)用戶體驗問題,比如:焦點的移動順序不一致(從哪里來未回到哪里去,焦點在界面中亂跳)使用戶認知錯亂;焦點的不夠醒目或樣式不統(tǒng)一使用戶無法找到焦點等,如圖13所示。


13.jpg
圖13 不統(tǒng)一的焦點樣式


電視端焦點也是有著各種不同的狀態(tài)的,如圖14所示,“焦點狀態(tài)”一般采用“描邊、放大、高亮等”方式使其明顯,而“按下狀態(tài)”可能不一定有,或者是和其他幾個狀態(tài)相同。


14.jpg
圖14 焦點狀態(tài)種類


可能需要簡單講述一下“標記狀態(tài)”和“半選中狀態(tài)”:“標記狀態(tài)”在PC和手機端也非常常見,比如告知用戶所在位置在哪里的Tab標記;而“半選中狀態(tài)”是“焦點狀態(tài)”的一種情況,即移動到某個焦點后,不進行加載或觸發(fā)操作,需按“OK鍵”才觸發(fā),如圖15所示。這種狀態(tài)在早期電視盒子性能不足、在Tab切換時經常需要使用,因為如果直接切換焦點時就加載,可能會造成卡頓。

屏幕快照 2018-03-28 上午9.34.42.png


圖15 標記狀態(tài)和半選中狀態(tài)案例


六、結語


我總結和歸納的這些基本知識和注意事項,雖然它們能夠幫助我們快速了解電視大屏的基本交互知識,避免一些不必要的坑;但還遠遠不夠,更多的是需要在實際參與項目中快速學習、快速應用,因此,之后我將會基于我參與的項目再次進行電視大屏的實戰(zhàn)總結,歡迎下次再與大家一同交流和成長。


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

優(yōu)秀網頁UI設計深度解析

藍藍設計的小編

在今天這樣一個互聯(lián)網+時代,絕大多數(shù)企業(yè)都意識到通過線上資訊來吸引更多的潛在客戶是多么的重要。這些潛在客戶對你的公司及產品印象的好壞,很大程度上取決于你在網站設計上投入精力的多少。所以花時間構思一個好的網站設計,特別是主頁部分的設計非常關鍵。

求職類App原型制作分享-Part-time Clouds

藍藍設計的小編

Part-time Clouds 是一款兼職信息平臺,你可以在此尋找合適的兼職工作。這款App使用起來十分簡單,不用登錄注冊即可直接可以進入主頁,主頁展示了大量兼職信息,你可以根據(jù)需求收藏職位、查看詳情,或一鍵撥打聯(lián)系電話,其中還有詳細的職業(yè)分類頁面。

ui界面設計公司搜集精彩設計二十五例:后臺管理軟件界面設計欣賞之二

資深UI設計者

后臺管理界面設計欣賞

在積累了一定經驗的同時,也在不斷的學習和豐富關于企業(yè)信息化和后臺管理軟件界面設計的特點及數(shù)據(jù)可視化的表達方式。

平時也會搜集企業(yè)信息化和后臺管理軟件界面設計表現(xiàn)方式,作為企業(yè)信息化和后臺管理軟件界面設計資料的參考,分享如下:

日歷

鏈接

個人資料

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

存檔

欧美一级a爱片免费观看看| 日韩成人伦理影院| 国产高清不卡午夜福利| 国产极品粉嫩免费观看在线 | 在线观看免费日韩欧美大片 | 精品午夜福利在线看| 免费人妻精品一区二区三区视频| 赤兔流量卡办理| 精品99又大又爽又粗少妇毛片| 久久久久久久精品精品| 伦理电影免费视频| 久久青草综合色| 婷婷色麻豆天堂久久| 91精品三级在线观看| 亚洲精品一区蜜桃| 99热全是精品| 日本黄色片子视频| 最近2019中文字幕mv第一页| 精品久久国产蜜桃| 中文天堂在线官网| 考比视频在线观看| 夜夜爽夜夜爽视频| 久久久精品免费免费高清| 人妻一区二区av| 亚洲经典国产精华液单| 女性生殖器流出的白浆| 久久久久久久国产电影| 王馨瑶露胸无遮挡在线观看| 久久人人爽av亚洲精品天堂| 亚州av有码| 成人国产麻豆网| 美女主播在线视频| 国产爽快片一区二区三区| 在线观看美女被高潮喷水网站| 国产极品天堂在线| 日本猛色少妇xxxxx猛交久久| 国产精品一区二区在线不卡| 国产精品一二三区在线看| 精品人妻在线不人妻| 成年人免费黄色播放视频| 全区人妻精品视频| 人人妻人人爽人人添夜夜欢视频| 亚洲不卡免费看| 一级黄片播放器| 久久97久久精品| √禁漫天堂资源中文www| 免费av中文字幕在线| 精品久久久精品久久久| 亚洲国产毛片av蜜桃av| 亚洲欧美精品自产自拍| 日韩三级伦理在线观看| 亚洲欧美中文字幕日韩二区| 纯流量卡能插随身wifi吗| av在线app专区| 在线观看人妻少妇| 人妻 亚洲 视频| 少妇的逼水好多| 精品亚洲乱码少妇综合久久| 麻豆乱淫一区二区| 免费观看的影片在线观看| 久久精品久久精品一区二区三区| 一级毛片我不卡| 九色亚洲精品在线播放| 丝瓜视频免费看黄片| 欧美精品亚洲一区二区| 国产亚洲欧美精品永久| 在线观看免费日韩欧美大片 | 97超视频在线观看视频| xxx大片免费视频| 热re99久久国产66热| 另类精品久久| 18禁观看日本| 亚洲av综合色区一区| 免费大片18禁| 视频区图区小说| 久久99蜜桃精品久久| 国产精品成人在线| 视频中文字幕在线观看| 亚洲图色成人| 免费观看在线日韩| 免费av中文字幕在线| 少妇 在线观看| 久久毛片免费看一区二区三区| 一级,二级,三级黄色视频| 97在线视频观看| 精品人妻熟女av久视频| 一本一本久久a久久精品综合妖精 国产伦在线观看视频一区 | 在现免费观看毛片| 99久久精品国产国产毛片| 国产一区二区在线观看av| 全区人妻精品视频| 免费人成在线观看视频色| 欧美精品高潮呻吟av久久| 夜夜看夜夜爽夜夜摸| 亚洲国产av新网站| 狂野欧美激情性xxxx在线观看| 久久综合国产亚洲精品| 亚洲精品日韩av片在线观看| 国产极品天堂在线| 视频在线观看一区二区三区| 国产精品国产三级专区第一集| 成人黄色视频免费在线看| 欧美国产精品一级二级三级| 91精品国产九色| 麻豆成人av视频| 国产免费福利视频在线观看| 91aial.com中文字幕在线观看| 亚洲欧美色中文字幕在线| 国产精品久久久久久av不卡| 国产伦精品一区二区三区视频9| 国产av码专区亚洲av| 国产伦理片在线播放av一区| 久久人妻熟女aⅴ| 伊人久久精品亚洲午夜| 国产在线一区二区三区精| 国产亚洲午夜精品一区二区久久| 精品熟女少妇av免费看| 中文字幕久久专区| 国产亚洲一区二区精品| 久久99热6这里只有精品| av在线app专区| 亚洲国产精品999| 国产av码专区亚洲av| 欧美人与性动交α欧美精品济南到 | 老司机亚洲免费影院| 亚洲欧美清纯卡通| 99久久精品国产国产毛片| 国产无遮挡羞羞视频在线观看| 一个人看视频在线观看www免费| 欧美bdsm另类| 国产在视频线精品| 中文字幕人妻熟人妻熟丝袜美| 亚洲精品美女久久av网站| 大香蕉久久网| 欧美人与善性xxx| 少妇被粗大的猛进出69影院 | 日本猛色少妇xxxxx猛交久久| 日日爽夜夜爽网站| 丝袜脚勾引网站| 中文乱码字字幕精品一区二区三区| 春色校园在线视频观看| 亚洲成人手机| 久久久久精品性色| 亚洲精品乱码久久久v下载方式| a级片在线免费高清观看视频| 男女免费视频国产| 亚洲一区二区三区欧美精品| 天堂中文最新版在线下载| 黑丝袜美女国产一区| 五月开心婷婷网| 交换朋友夫妻互换小说| 欧美日韩精品成人综合77777| 美女国产视频在线观看| 国产精品秋霞免费鲁丝片| 日产精品乱码卡一卡2卡三| 亚洲av中文av极速乱| 国产精品无大码| 日本wwww免费看| 色视频在线一区二区三区| 久久人人爽人人片av| 国产色婷婷99| 黄色配什么色好看| 欧美日韩一区二区视频在线观看视频在线| 欧美精品一区二区大全| 哪个播放器可以免费观看大片| 色婷婷av一区二区三区视频| 国产男人的电影天堂91| 国产高清国产精品国产三级| 久久久久精品性色| 大又大粗又爽又黄少妇毛片口| 日韩熟女老妇一区二区性免费视频| 亚洲成人av在线免费| 精品熟女少妇av免费看| 国产女主播在线喷水免费视频网站| 22中文网久久字幕| 26uuu在线亚洲综合色| 午夜久久久在线观看| 亚洲av电影在线观看一区二区三区| 国产成人精品婷婷| 大片电影免费在线观看免费| 国产成人av激情在线播放 | 亚洲国产最新在线播放| 久久久久久久大尺度免费视频| 国产av码专区亚洲av| 久久人人爽人人爽人人片va| 亚洲av免费高清在线观看| 在线 av 中文字幕| 水蜜桃什么品种好| 高清在线视频一区二区三区| 一级毛片aaaaaa免费看小| 十八禁网站网址无遮挡| 亚洲欧美一区二区三区黑人 | 精品一品国产午夜福利视频| 人妻制服诱惑在线中文字幕| av.在线天堂| 在线观看免费日韩欧美大片 | 久久精品久久久久久久性| 国产成人精品一,二区| 十八禁网站网址无遮挡| 日韩av在线免费看完整版不卡| 有码 亚洲区| 成年人午夜在线观看视频| 狂野欧美激情性bbbbbb| 美女视频免费永久观看网站| 特大巨黑吊av在线直播| 国产精品不卡视频一区二区| 夜夜看夜夜爽夜夜摸| 菩萨蛮人人尽说江南好唐韦庄| 好男人视频免费观看在线| av专区在线播放| 看非洲黑人一级黄片| 国产av国产精品国产| 最近2019中文字幕mv第一页| 国产视频内射| 精品亚洲成国产av| 久久久国产欧美日韩av| 精品少妇黑人巨大在线播放| 一区二区三区精品91| 国产精品一区二区在线不卡| 韩国高清视频一区二区三区| 两个人免费观看高清视频| 色5月婷婷丁香| 亚洲国产日韩一区二区| 亚洲第一区二区三区不卡| 国产午夜精品久久久久久一区二区三区| 免费播放大片免费观看视频在线观看| 日日摸夜夜添夜夜爱| 天天影视国产精品| 亚洲伊人久久精品综合| 妹子高潮喷水视频| 国产毛片在线视频| freevideosex欧美| 日韩精品有码人妻一区| 男女国产视频网站| 精品久久久精品久久久| 亚洲国产成人一精品久久久| 精品人妻熟女毛片av久久网站| 亚洲精品日韩av片在线观看| videossex国产| 久久久久久久久久久丰满| 久久久精品免费免费高清| 国产一区二区三区综合在线观看 | 国产精品国产av在线观看| 色94色欧美一区二区| 国产精品无大码| 国产在视频线精品| av有码第一页| 狂野欧美激情性xxxx在线观看| 中文字幕人妻熟人妻熟丝袜美| 亚洲美女黄色视频免费看| 99九九在线精品视频| 日韩视频在线欧美| 欧美成人精品欧美一级黄| 中文字幕人妻丝袜制服| 如日韩欧美国产精品一区二区三区 | 国产视频首页在线观看| 精品视频人人做人人爽| 国产欧美另类精品又又久久亚洲欧美| 在线亚洲精品国产二区图片欧美 | 久久久久久久大尺度免费视频| 亚洲精品aⅴ在线观看| 好男人视频免费观看在线| 人人妻人人爽人人添夜夜欢视频| 国产亚洲最大av| 老女人水多毛片| 成人黄色视频免费在线看| 国产成人aa在线观看| 一级毛片黄色毛片免费观看视频| 王馨瑶露胸无遮挡在线观看| videosex国产| 亚洲精品国产色婷婷电影| 久久久久久久亚洲中文字幕| 精品一区二区免费观看| 中文字幕免费在线视频6| 最新的欧美精品一区二区| 免费日韩欧美在线观看| 你懂的网址亚洲精品在线观看| 天堂8中文在线网| 亚洲精品一区蜜桃| 国产成人精品福利久久| 99精国产麻豆久久婷婷| 亚洲色图 男人天堂 中文字幕 | 99久久人妻综合| 在线观看一区二区三区激情| a级片在线免费高清观看视频| 午夜日本视频在线| 国产片内射在线| 国产视频内射| 午夜日本视频在线| 日本欧美国产在线视频| 国产熟女欧美一区二区| 一区二区三区四区激情视频| 亚洲久久久国产精品| 欧美另类一区| 欧美一级a爱片免费观看看| 国产国语露脸激情在线看| 日韩一区二区三区影片| freevideosex欧美| 亚洲精品成人av观看孕妇| 我的老师免费观看完整版| 午夜91福利影院| 伊人久久精品亚洲午夜| 久久综合国产亚洲精品| 亚洲av在线观看美女高潮| 人妻夜夜爽99麻豆av| 国产成人精品婷婷| 亚洲精品国产av成人精品| 乱人伦中国视频| 伦精品一区二区三区| 日韩一本色道免费dvd| 日本猛色少妇xxxxx猛交久久| 欧美精品亚洲一区二区| 蜜桃在线观看..| 在线观看三级黄色| av在线老鸭窝| 亚洲精品色激情综合| 亚洲国产精品国产精品| 精品国产一区二区久久| 久久久久久久大尺度免费视频| 欧美日韩成人在线一区二区| 好男人视频免费观看在线| 黄色欧美视频在线观看| 亚洲激情五月婷婷啪啪| 一本色道久久久久久精品综合| 免费大片18禁| 一级黄片播放器| 99久久精品一区二区三区| 伊人亚洲综合成人网| 黑人欧美特级aaaaaa片| 精品亚洲成国产av| 最近最新中文字幕免费大全7| 熟女人妻精品中文字幕| 人妻制服诱惑在线中文字幕| 哪个播放器可以免费观看大片| 91久久精品国产一区二区三区| 少妇猛男粗大的猛烈进出视频| 韩国高清视频一区二区三区| 久久精品国产亚洲av涩爱| 久久久久久久久久久久大奶| 国产精品三级大全| 丰满饥渴人妻一区二区三| 伦理电影大哥的女人| 中国三级夫妇交换| 国产精品一区www在线观看| 精品人妻在线不人妻| 亚洲av日韩在线播放| 国产伦精品一区二区三区视频9| 国产黄片视频在线免费观看| 91精品国产九色| 欧美最新免费一区二区三区| 欧美精品国产亚洲| 香蕉精品网在线| 欧美精品人与动牲交sv欧美| 91在线精品国自产拍蜜月| 精品亚洲乱码少妇综合久久| 久久久久国产网址| 欧美日韩视频精品一区| 一级毛片电影观看| 狂野欧美白嫩少妇大欣赏| 欧美激情 高清一区二区三区| 如日韩欧美国产精品一区二区三区 | 久久久精品94久久精品| 99热这里只有精品一区| 精品熟女少妇av免费看| 亚洲综合色网址| 美女国产高潮福利片在线看| 亚洲精华国产精华液的使用体验| 久久99一区二区三区| 在线观看三级黄色| 欧美丝袜亚洲另类| 在线天堂最新版资源| 国产精品久久久久久av不卡| 99精国产麻豆久久婷婷| 亚洲精品av麻豆狂野| 欧美一级a爱片免费观看看| 日韩一本色道免费dvd| 91久久精品国产一区二区三区| av不卡在线播放| 国产成人精品一,二区| 两个人的视频大全免费| 久久午夜综合久久蜜桃| 老熟女久久久| 亚洲av国产av综合av卡| 午夜激情福利司机影院| 寂寞人妻少妇视频99o| 免费观看性生交大片5| av在线app专区| 高清午夜精品一区二区三区| 精品久久久久久电影网| 午夜免费鲁丝| 亚洲精品乱码久久久v下载方式| 天堂中文最新版在线下载| 成人漫画全彩无遮挡| 午夜福利视频在线观看免费| 国产成人午夜福利电影在线观看| 欧美少妇被猛烈插入视频| 成人午夜精彩视频在线观看| 美女xxoo啪啪120秒动态图| 人人妻人人爽人人添夜夜欢视频| 免费观看无遮挡的男女| 免费av不卡在线播放| 亚洲成人手机| 欧美xxⅹ黑人| 午夜激情av网站| 欧美日韩一区二区视频在线观看视频在线| 91在线精品国自产拍蜜月| av在线老鸭窝| 这个男人来自地球电影免费观看 | 色婷婷av一区二区三区视频| 色婷婷久久久亚洲欧美| 在线精品无人区一区二区三| 日韩中文字幕视频在线看片| 女的被弄到高潮叫床怎么办| 最新中文字幕久久久久| 久久久a久久爽久久v久久| 97超视频在线观看视频| 一级毛片aaaaaa免费看小| xxx大片免费视频| 亚洲精品国产av蜜桃| 精品熟女少妇av免费看| 777米奇影视久久| 欧美精品亚洲一区二区| 人妻一区二区av| 欧美日韩精品成人综合77777| 一级毛片我不卡| 国产午夜精品一二区理论片| 久久精品国产自在天天线| 97精品久久久久久久久久精品| 22中文网久久字幕| 亚洲成人一二三区av| 最新中文字幕久久久久| 久久久久久久亚洲中文字幕| 国产视频首页在线观看| 欧美激情极品国产一区二区三区 | 美女内射精品一级片tv| 另类精品久久| 欧美3d第一页| 女人久久www免费人成看片| 日韩中文字幕视频在线看片| 久久精品久久久久久久性| 成人毛片60女人毛片免费| 视频中文字幕在线观看| 国产精品麻豆人妻色哟哟久久| 日韩中字成人| 乱码一卡2卡4卡精品| 又粗又硬又长又爽又黄的视频| 午夜视频国产福利| 国产成人av激情在线播放 | 久久久亚洲精品成人影院| 丝袜美足系列| 考比视频在线观看| 亚洲天堂av无毛| 日韩亚洲欧美综合| 80岁老熟妇乱子伦牲交| av福利片在线| 亚洲高清免费不卡视频| 80岁老熟妇乱子伦牲交| 久久久久久久久大av| 国产欧美日韩一区二区三区在线 | 一级二级三级毛片免费看| 丝袜在线中文字幕| 成人毛片60女人毛片免费| 日本猛色少妇xxxxx猛交久久| 久久精品国产亚洲av天美| 在线观看免费日韩欧美大片 | 91精品三级在线观看| 有码 亚洲区| 欧美老熟妇乱子伦牲交| 精品少妇内射三级| 91久久精品电影网| 嘟嘟电影网在线观看| 国产精品一国产av| 久久久久国产精品人妻一区二区| 两个人免费观看高清视频| 精品国产乱码久久久久久小说| 夜夜骑夜夜射夜夜干| 欧美+日韩+精品| 我的女老师完整版在线观看| 超碰97精品在线观看| 人成视频在线观看免费观看| 国产黄片视频在线免费观看| a级片在线免费高清观看视频| av免费观看日本| 欧美xxxx性猛交bbbb| 久久99一区二区三区| 久久精品夜色国产| av福利片在线| 国产色婷婷99| 黄色怎么调成土黄色| 国产高清不卡午夜福利| 最近的中文字幕免费完整| 国产精品 国内视频| 精品人妻熟女av久视频| 午夜福利在线观看免费完整高清在| 黑人欧美特级aaaaaa片| 内地一区二区视频在线| 日韩av不卡免费在线播放| 91精品国产国语对白视频| 欧美一级a爱片免费观看看| 亚洲精品,欧美精品| 亚洲国产精品成人久久小说| 国产有黄有色有爽视频| 久久 成人 亚洲| 免费看光身美女| 18禁在线播放成人免费| 亚洲国产毛片av蜜桃av| 观看av在线不卡| 99久国产av精品国产电影| 欧美变态另类bdsm刘玥| 日本vs欧美在线观看视频| 狠狠精品人妻久久久久久综合| 22中文网久久字幕| 人妻人人澡人人爽人人| 黑丝袜美女国产一区| 午夜激情av网站| 亚洲精品自拍成人| 亚洲国产色片| 亚洲av日韩在线播放| 黄色毛片三级朝国网站| 亚洲精品久久成人aⅴ小说 | 国产极品粉嫩免费观看在线 | 午夜免费观看性视频| 成人国产麻豆网| 热re99久久精品国产66热6| 日本午夜av视频| 亚洲第一av免费看| 综合色丁香网| 国产免费福利视频在线观看| 欧美丝袜亚洲另类| 欧美日韩精品成人综合77777| 91精品国产九色| 91国产中文字幕| 免费黄色在线免费观看| 亚洲成色77777| 国产免费视频播放在线视频| 亚洲性久久影院| 在线观看国产h片| 男人添女人高潮全过程视频| 菩萨蛮人人尽说江南好唐韦庄| 欧美 日韩 精品 国产| 欧美日韩视频精品一区| 国产高清三级在线| 日本爱情动作片www.在线观看| 全区人妻精品视频| 妹子高潮喷水视频| 中文精品一卡2卡3卡4更新| 亚洲国产日韩一区二区| 欧美日韩av久久| 在线观看免费日韩欧美大片 | 22中文网久久字幕| 亚洲欧美中文字幕日韩二区| 99久久精品国产国产毛片| 亚洲成色77777| 中文字幕精品免费在线观看视频 | 一区二区三区精品91| 久久精品久久久久久久性| 欧美亚洲 丝袜 人妻 在线| 最近2019中文字幕mv第一页| 亚洲激情五月婷婷啪啪| 日韩 亚洲 欧美在线| 国产精品 国内视频| 久久久久精品性色| 国产免费一级a男人的天堂| 曰老女人黄片| 狠狠婷婷综合久久久久久88av| a级毛片黄视频| 99热国产这里只有精品6| 人妻 亚洲 视频| 亚洲高清免费不卡视频| 在线观看免费日韩欧美大片 | 久久久精品94久久精品| 99re6热这里在线精品视频| 久久韩国三级中文字幕| 久久国产精品大桥未久av| 亚洲,一卡二卡三卡| 免费大片黄手机在线观看| 日日摸夜夜添夜夜爱| 国产精品一区二区三区四区免费观看| av国产精品久久久久影院| 免费看光身美女| 国产成人免费无遮挡视频| 黄色一级大片看看| 久久午夜福利片| 99国产综合亚洲精品| 久久午夜福利片| 国产成人精品久久久久久| 亚洲人与动物交配视频| 亚洲av男天堂| 十八禁网站网址无遮挡| 九色亚洲精品在线播放| 99久久中文字幕三级久久日本| 一个人看视频在线观看www免费| 久久久久精品性色| 亚洲伊人久久精品综合| 91精品三级在线观看| 欧美精品亚洲一区二区| 色吧在线观看| 欧美激情极品国产一区二区三区 | 日韩精品免费视频一区二区三区 | 亚洲欧美一区二区三区国产| 亚洲国产精品专区欧美| 91精品三级在线观看| 九色亚洲精品在线播放| 亚洲一级一片aⅴ在线观看| 久久精品国产亚洲av涩爱| 美女cb高潮喷水在线观看| 国产永久视频网站| 国产精品久久久久久精品古装| 又大又黄又爽视频免费| 伊人久久国产一区二区| 自拍欧美九色日韩亚洲蝌蚪91| 一级毛片aaaaaa免费看小| 夫妻午夜视频| 国产成人一区二区在线| 高清不卡的av网站|