首頁 > 眾包知識 > IT/軟件  > UI設計
交互頁面設計
交互頁面設計
以用戶為中心的設計流程,關注用戶的使用流暢度和方便性,符合用戶使用習慣的解決方案。交互不一定需要很華麗的界面,但是使用過程肯定是很人性化,減少用戶思考返回的次數。下面是時間財富網為您整理的交互頁面設計相關知識,希望對您有...
1交互頁面設計是什么?
    交互設計的思維方法建構于工業設計以用戶為中心的方法,同時加以發展,更多地面向行為和過程,把產品看作一個事件,強調過程性思考的能力,流程圖與狀態轉換圖和故事板等成為重要設計表現手段,更重要的是掌握軟件和硬件的原型實現的技巧方法和評估技術 。

    交互設計在于定義人造物的行為方式(the "interaction",即人工制品在特定場景下的反應方式)相關的界面。交互設計作為一門關注交互體驗的新學科在二十世紀八十年代產生了,它由IDEO的一位創始人比爾·摩格理吉(Bill Moggridge)在1984年一次設計會議上提出,他一開始給它命名為“軟面(Soft Face)”,由于這個名字容易讓人想起和當時流行的玩具“椰菜娃娃(Cabbage Patch doll)”,他后來把它更名為“Interaction Design”,即交互設計。

    在我們還比較小的時候使用的DOS操作系統,或者任何你能夠記起來的那些敲入執行命令才能運作的界面系統,它們都屬于人機交互的較初級階段。

    這種交互手段要求驚人的記憶和大量的訓練,并且容易出錯,對初學者來說非常不友好,但操作過程比較靈活和高效,適合于專業人員使用。

    這是當前用戶界面設計的主流,廣泛應用于計算機和攜帶式屏幕顯示功能的電子設備,其中包括大量的手持移動設備。比如我們熟知的Apple的Macintosh、Microsoft的Windows、Sony的PSP等。

.......


查看全文 >>
2交互頁面設計的五大原則
    所謂的同理心通俗說法就是換位思考。設計師在設計產品時要能夠做到換位思考,體會用戶的立場和感受,并站在用戶的角度思考和處理問題,把自己置身于相關的用戶場景中,理解用戶的行為特點和行為差異。

    加強調設計師的同理心、換位思考能力,要求設計師在平時多注意積累用戶經驗,熟練的使用自己的產品,模擬用戶進行相關操作,也會經常讓設計師走出去把用戶請進來等各個渠道和用戶研究的手段讓設計師可以全方位深入的了解用戶需求。使得我們的設計師可以很客觀、深入和全面的了解用戶以及相關需求,也就避免了依賴自身經驗和主觀臆斷的閉門造車。

    同理心是用戶體驗設計的基礎,只有這樣設計師才會對用戶需求把握的越透徹,設計出越貼心的產品。當我們的用戶看到產品時會說:“這就是我想要的”,我想這應該就是最好的用戶體驗設計了。

    同時需要說明的是同理心不是萬能的,也不都是準確的,更靈活的運用和效果的產出,一方面需要設計師長期的產品設計經驗的積累和對用戶長期深入的接觸和理解;另一方面需要設計師對用戶數據和用戶行為的分析再加上相關的用戶研究的方法的使用。

    簡潔不等于簡單,淚雪之前的一些文章也就簡單的提及,它是在設計師深刻理解用戶需求的基礎上,根據用戶的操作行為、信息架構等因素深思熟慮后的用戶交互界面,界面不是產品功能的簡單

.......


查看全文 >>
3交互頁面設計規范包含的內容
    本規范按web交互屬性分三個部分:頁面信息規范、信息交互規范、通用組件規范。頁面命名每個頁面都要有與之模塊對應的名稱。

    頁面兼容性頁面大小兼容自適應1366*768px及以上的分辨率,默認窗口設置下,不應出現水平滾動條,避免出現垂直滾動條(當內容過多時允許滾動條)

    彈窗、彈頁要保證768高度的分辨率顯示正常,同時能移動查看彈出框內容。彈出框高度為不超過450px,且顯示在內容頁面相對水平、垂直相居中位置。

    瀏覽器兼容,兼容Chrome、Firefox、Safari、IE8及以上主流瀏覽器。

    文字文字用系統自帶的常規字體,且分一級標題、二級標題、主內容文字、次內容文字、輔助文字(說明或引導性文字,提醒性文字),分別用不同的字號、顏色。具體字號大小和顏色參考UI設計效果圖。

.......


查看全文 >>
4交互頁面設計有哪些流程?
    需求分析:對于一個產品來說,必然有對用戶需求的分析內容,

    更多的是從MRD與PRD獲得,或者從產品需求評審會議上得到需求分析的內容,當然可以直接與產品經理交流獲得相關產品需求。如果說設計原則是所有設計的出發點的話,那么用戶需求就是本次設計的出發點。

    用戶場景模擬:好的設計建立在對用戶深刻了解之上。因此用戶使用場景分析就很重要,了解產品的現有交互以及用戶使用產品習慣等,但是設計人員在分析的時候一定要站在用戶角度思考:如果我是用戶,這里我會需要什么。

    競品分析(聆聽用戶心聲):競爭產品能夠上市并且被UI設計者知道,必然有其長處。這就是所謂三人行必有我師的意思。每個設計者的思維都有局限性,看到別人的設計會有觸類旁通的好處。當市場上存在競品時,去聽聽用戶的評論,哪怕是罵聲都好,別沉迷于自己的設計中,讓真正的用戶說話。

    設計方法采用面向場景、面向事件驅動和面向對象的設計方法。面向場景是針對該產品使用場所等模擬,模擬用戶在多種情況下產品使用的模擬。面向事件驅動則是對產品響應與觸發事件的設計,一個提示框,一個提交按鈕……這類都是對事件驅動的設計。面向對象,產品面向的用戶不同對于產品的設計要求不同,不同年齡層的用戶對于產品的要求不同,產品的用戶定位將對UI設計師影響因素。

.......


查看全文 >>
5交互頁面設計技巧
    你在網頁設計所學到的大多數教訓都來自工作經驗。學習是一個反復持續的過程,并且沒有比犯錯更好的方式來獲得知識(從錯誤中學習)。在本文中,我們將討論10個重要并常規的技巧,這是每位網頁設計師新手都應該知道。

    優化圖片,獲得更好的頁面加載速度,學習如何通過選擇正確的格式,來優化網頁圖片,并確保文件大小在可行的范圍你是足夠小的。雖然現在人們已經都在使用寬帶,但仍然有人是撥號上網。此外,雖然移動裝置技術的普及,但移動裝置卻不一定支持像寬頻一樣的速度,圖片文件的大小可能還是會延長網頁的加載時間,有可能把用戶趕走的。

    保持干凈和簡單(即:簡潔)一個好的網頁設計不光只是看起來好看而已,還要是用戶友好型的。通常來說,一個干凈、簡單的網頁設計最終會成為一個可用性高的網頁設計,因為它在與用戶的交互中不會使其產生混淆。當頁面上有太多的網站功能和組件時,將會分散網站用戶的注意力而失去原本瀏覽網站的目的。確保每個頁面元素都有其目的。

    此外,盡管它可能是一個超酷的新概念或界面設計模式,但你還是要確保對你的用戶而言該設計仍然是方便和直觀的。人們習慣于通用性的交互模式、網站功能、和網絡接口,如果你的設計的確很獨特,確保它不是太模糊和晦澀。 要有創意,但還要保持簡單。

.......


查看全文 >>
UI設計方案
免費預約
相關知識
網頁生成靜態好處靜態網頁生成過程靜態網頁生成技術靜態網頁生成系統怎樣生成靜態網頁?動態網頁制作技術動態網頁制作教程動態網頁制作軟件動態網頁制作步驟動態網頁制作是什么?
浙江体彩20选5走势图 网上走税赚钱 教师微信赚钱软件下载 关于赚钱的ppt背景图片 手机上养鸡赚钱吗 魔兽世界法师 大富婆游戏 贵州麻将打法与技巧 开幼儿培训班赚钱吗 开直播好赚钱 赚钱鸡汤的照片 街机电玩捕鱼一分一元 杭州麻将哪个软件好 看视频赚钱的项目 建立自己的网站能赚钱吗 王者荣耀新皮肤 麻将上分