<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 首頁

          從逛商場學習交互設計:信息架構梳理如何從小白到精通?

          用心設計

          之前知乎上有這么一個問題:怎樣理解信息架構?,@Mr湯進er當時以“商場信息導視圖”為例,回答了這個問題,比較適合“入門小白”去理解信息架構、流程圖和頁面布局,其中針對“信息架構”的回答如下:

          從逛商場學習交互設計:信息架構梳理如何從小白到精通?,優界網

          如何寫好一份設計文檔

          用心設計

          Flow流程圖也是一個常用工具,可以總結出不同場景下用戶使用產品的流程和步驟是怎樣的,可能產生怎樣的分支需要在設計中考慮到,在哪些地方可能產生較大的流失,步驟是否可以合并優化,能否抽象出通用的流程來構建框架設計等。

          wireframe_kit_free_05

          隱藏在AIRBNB網站里的9項體驗與交互設計

          博博

          airbnb-user-experience-interaction-1

          ?如果你曾使用Airbnb預訂過地方,那么你會在這個過程中,逐步發現這個企業擁有著頂尖的產品設計團隊。這個正在改變整個行業的企業,正在為用戶提供著順滑無縫的體驗,而這也是今天我撰寫這篇文章的初衷。

          作為一個喜歡研究用戶體驗交互設計、UI的產品設計師,我尤其喜歡剖析成功的產品,尋找其中隱藏的交互和用戶體驗設計。無論這些設計是用來提升整體的用戶體驗,還是激勵產品增長,你會發現這些設計都非常有意思,并且值得分享。

          事不宜遲,一起來看看我從Airbnb中發現了什么吧:

          1. 情緒感染(用戶體驗)

          語言,是一種界面

          用心設計

          首先,你的產品文案不僅僅是一句友好的問候,它還解釋了這個網站的性質。其次,無論是建議注冊,或者直接跳轉到能夠吸引用戶的內容,文案還起到了引導用戶第一步操作的作用。如同我們經常說的,交互設計需要被當做一次交談來對待,所以這是你創造人性化體驗的第一次機會。

          下圖是旅行租房網站 AirBnB 的案例,文案極簡,但同時深入人心。標題 Just for the Weekend 和 Explore the World 讓用戶在去往特定目的地之前看到 AirBnB能夠帶來的體驗。這個交互很微妙,通過文字的暗示,它構建了產品體驗的框架 – 讓用戶距離一 次愉快的旅程更近一步。

          經驗分享!聊聊交互設計新人的核心競爭力

          周周

          interactive-designer-core-competence-1

          從實習的第一天起,我就數著日子在過,時間走的太快攔也攔不住,要做要學的事情又太多。轉眼七月已經過去,總覺得還是有點后知后覺,花了一個月的時間去適應新環境和新工作,慢慢才知道尋求突破點的重要性,所以今天來聊聊我所理解的交互設計師的核心競爭力。

          巧用視錯覺 UI更有趣

          用心設計

          巧用視錯覺 UI更有趣

          格式塔原理解釋了人們如何以視覺方式感覺物體,以及圖像的結構,視角,大小等要素是如何影響我們的視覺的。

          在下面這篇文章中,我們首先會簡單介紹一下格式塔原理中的基本概念,然后再詳細探討一下如何將它們應用于今日的UI設計中。

          在設計中建立視覺層級

          用心設計

          在設計網站的時候,圖片資源會在很大程度上幫助你設置站點,以及顏色,排版或者更多內容的基調。如果圖片視覺元素沒有和設計正確的結合,他很可能會破壞你原本想呈現的感覺。

          移動應用空白情況頁面的設計

          用心設計

          移動應用的設計中,最容易被忽視的地方就是空白或者異常情況的設計。從傳統PC時代web的異常頁面如404,502等頁面的設計體驗遷移過來,移動應用的空頁面,網絡故障頁面等展示也有相似的設計模式。從以前的純文本的排版設計,到后來404成為設計師
          展示圖形創意的舞臺,移動應用的空白情況頁面的設計也從純文本提示到后來精彩紛呈。然而在移動應用的設計中,空白頁面的的作用不僅僅在于給用戶以溫柔或者
          精彩的提醒,安撫用戶焦急或是疑惑的情緒,更重要的是,空白情況頁面可以引導用戶去填補“空白”。人都是害怕空虛寂寞冷的,當你面對一個空虛寂寞冷的頁面
          的時候,善意的指點迷津的一些語言和畫面告訴你咱們還是可以有方法來填補你的寂寞空虛冷,這時候,用戶的操作行為就會被觸發,潛移默化中指引用戶完成填補
          空白的工作,那么,無論從用戶個體的活躍度上還是整體的留存率,活躍度上,你設計的空白頁面做到了拉升的作用,對電商產品和社交產品等來說,這些頁面可謂
          是自己展示產品調性,曝光功能,加深引導的黃金地段。

          數據驅動的界面設計-20150706早讀課

          用心設計

          1. 用戶不同,數據不同

          任何時候設計一套復雜的系統,都不可避免要為很多用戶和角色進行設計。總裁、經理和分析師是幾個常見角色,每個都有自己的工作流程和對數據的需求。

          定義好角色,產生不同視角,這本身就是一種藝術。我就不在此詳細解釋了。如果你對此有興趣,請看Cooper的這篇有用的文章。

          關于角色,重要的一點是預先確定好,圍繞它們來組織信息結構與線框圖。

          下面是我們去年做的一款健康報告應用的最終成品。這套系統有著不同的用戶群,他們各自都需要不同的數據管理。創建了關鍵角色后,我們每次評審會將它們放在旁邊。

          2

          UI設計的整個工作流程是怎樣的?

          用心設計

          4. All wireframe 全部界面線框圖

          主要負責人:交互設計師

          此環節交互設計師要完成全部界面的線框圖(1:1的)設計并且團隊確認。

          *做完全部的線框圖,一般會出一個總結構圖。如果有足夠大的場地,也可以逐頁打印出來貼到一面墻上。方便團隊隨時參考。

          日歷

          鏈接

          個人資料

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

          存檔

          亚洲国产精品久久久久婷婷软件| 国产日产久久高清欧美一区| 欧美激情精品久久久久久久| 久久久久久曰本AV免费免费| www.久久热.com| 少妇久久久久久被弄到高潮| 91精品国产91久久综合| 精品无码久久久久久久动漫 | 国产A三级久久精品| 国产精品99久久久久久www| 国产精品一久久香蕉产线看| 大美女久久久久久j久久| 久久人人添人人爽添人人片牛牛| 久久精品国产亚洲AV电影| 国产69精品久久久久观看软件| 久久99精品久久久久久9蜜桃| 一本色道久久HEZYO无码| 国产成人无码精品久久久久免费| 亚洲午夜久久久久久久久久| 久久se精品一区精品二区国产 | 欧美亚洲国产精品久久| 无码国内精品久久人妻麻豆按摩| 久久九九青青国产精品| AV色综合久久天堂AV色综合在| 国产精品久久久久久影院| 亚洲欧美日韩久久精品| 品成人欧美大片久久国产欧美| 久久天堂AV综合合色蜜桃网| 伊人久久无码中文字幕| 开心久久婷婷综合中文字幕| 99热精品久久只有精品| 久久精品国产99国产电影网| 国产精品99精品久久免费| 精品少妇人妻av无码久久| 蜜臀久久99精品久久久久久小说| 久久无码中文字幕东京热| 亚洲国产成人久久综合一区77 | 久久久精品人妻一区二区三区四 | 亚洲精品美女久久久久99| 99久久久国产精品免费无卡顿| 无码精品久久久久久人妻中字|