-
當前位置:首頁 > 創(chuàng)意學院 > 景觀設計 > 專題列表 > 正文
ui設計中關于九宮圖描述錯誤的是
大家好!今天讓小編來大家介紹下關于ui設計中關于九宮圖描述錯誤的是的問題,以下是小編對此問題的歸納整理,讓我們一起來看看吧。
創(chuàng)意嶺作為行業(yè)內優(yōu)秀的企業(yè),服務客戶遍布全球各地,相關業(yè)務請撥打電話:175-8598-2043,或添加微信:1454722008
文章目錄列表:
一、UI設計都包括什么?
【概念簡述】UI=User Interface,即:用戶界面。UI設計,也叫用戶界面設計,是指對軟件人機交互、操作邏輯、界面美觀的整體設計。【應用場景】我們日常生活中所用到的:手機、電腦、電視、車載系統(tǒng)、iPad、ATM機、工業(yè)中控系統(tǒng)......只要是帶有電子屏幕的顯示設備,都有需要UI設計?!緦嶋H意義】UI/用戶界面,就是我們:獲取信息、調用設備資源、控制設備運作的一個可視化入口界面【設計職能】UI設計的職能,大體分為4個方面。二,互聯(lián)網(wǎng)產品的開發(fā)流程是怎樣?UI設計處在哪一個環(huán)節(jié)?簡要來說,一個互聯(lián)網(wǎng)產品(或App)的開發(fā)流程可分為四個階段:調研與立項→設計與開發(fā)→測試與發(fā)布→發(fā)布與推廣,而UI設計則處在第2個階段。調研與立項:確立產品需求文檔(PRD),為UI交互設計做準備。通常由產品經(jīng)理(PM)主導完成。設計與開發(fā):依據(jù)產品需求文檔(PRD)→完成UI交互原型設計→完成UI的圖形視覺設計→研發(fā)工程師技術實現(xiàn)(前端工程師實現(xiàn)UI圖形界面的重構→后端工程師實現(xiàn)業(yè)務邏輯的數(shù)據(jù)處理)測試與發(fā)布:團隊全體開發(fā)人員協(xié)作,解決交互、視覺、技術上的bug,由產品經(jīng)理把控質量、協(xié)調時間,確保產品準時上線。發(fā)布與推廣:多渠道、多方式、多媒介、的投放廣告,讓項目產品觸及目標客戶。最后的環(huán)節(jié)就是,持續(xù)的內容運營輸出,提升用戶活躍度、拓展目標人群。接受用戶反饋,持續(xù)優(yōu)化產品體驗,迭代更新。三,UI設計師(圖形設計師)的主要工作內容有哪些?我們通常所說的UI設計師,大多是指GUI圖形設計師,主要工作內容就包括:圖標制作、APP品牌制作、界面設計、切圖標注、推廣運營的活動頁面、banner制作等。在互聯(lián)網(wǎng)產品開發(fā)的實際工作中,上游和你對接的是產品經(jīng)理(或者交互設計師);下游和你對接的前端工程師。所以,你通常是根據(jù)產品經(jīng)理出具的交互稿,做UI界面的圖形視覺設計。這就要求你能看懂交互稿,懂一點交互知識是最好的。在做完UI界面的視覺稿后,UI設計師將其標注好,再交付給下游的前端工程師,用作界面重構。必要的時候,設計師還可能會要用一些UI動效,去闡明設計師的設計意圖,所以懂一點UI動效設計也是一個加分項。四,做UI設計,要用什么軟件?【UI視覺設計】的主力軟件其一是Photoshop。無論是圖形設計、還是圖像處理Photshop都能勝任,這是UI設計師必學一款軟件。其二是Sketch,目前僅支持Mac電腦,可作為選學?!綰I交互設計】的主力軟件其一是Axure,其二是諸如Adobe XD、墨刀、Sketch軟件,市面上的交互設計軟件非常之多,你要選擇哪款,這就看緣分了?!綰I動效設計】的主力軟件是After Effects。還有就是上面提及的交互設計軟件,不過只能應付一些簡單的頁面轉場切換動畫的交代,但并不適合用來制作增強用戶體驗的GIF,比如loading、下拉刷新的一些趣味動畫,不如AE制作出來的幀動畫效果細膩。
二、四象限、九宮格、用戶體驗要素模型—產品經(jīng)理必備技能
最近有一個之前我?guī)У膶嵙暽ㄒ韵陆y(tǒng)稱小A)問我,轉成正式員工后,工作壓力,工作內容增加了不少,整個人狀態(tài)很差。每天不斷在工作,加班,努力的學,但是為什么做的總是比別人慢,效果比別人差,很苦惱。
其實問題有兩方面,一方面是自身基礎問題,可能你真的就比別人差,那就要好好學習了,如何快速學習,這就放到后面的文章再說;第二方面是效率問題,雙方基礎差不多,但是對方有更有效率的工作和思考辦法,于是與你就慢慢地拉開了距離。這一次,我主要帶來了作為產品經(jīng)理應該要掌握的一些基礎技能,其他行業(yè)和崗位也可以學習參考。
象限,在初中就學過這個概念,一個平面坐標系有四個象限,分別是第一象限、第二象限、第三象限和第四象限。
每天、每周、每月大家都會遇到很多事情,有事先規(guī)劃好的,也有臨時安排的,如果不管理好這些事情或者需求,很容易忙的焦頭爛額,而且越忙越亂。說到底,事情的管理也就是時間管理,就是將有限的時間安排到合理安排到每一件事情中。普及完基礎知識后,《麥肯錫方法》就針對大家的時間管理提出了一個高效的管理方法—四象限法,其解決的問題是“如何合理安排事情處理的順序”。
以事情的重要性為縱坐標,以事情的緊急性為橫坐標,兩兩匹配,分別形成了:第一象限—重要且緊急,第二象限—重要不緊急,第三象限—不重要不緊急,第四象限—緊急不重要。這就是基本的原理,而如何實際的運用它呢,就分為兩部分,第一步是如何將事情合理的分類,第二步是如何處理對應象限的事情。
如果不可以合理地去判斷一個事情的緊急性和重要性,就會出現(xiàn)這樣的情況:這件事情我覺得挺重要的,這件事情也挺重要的,哎呀,怎么每件事情都這么重要,都在第一二象限,怎么辦呢。這就是對原則的把握不準的后果。
這里的分類有兩個維度,第一個維度是緊急性,這個是比較好去判斷的,當下要完成的,而且時間很短,那就是緊急性高的,而離Deadline還有比較充足的時間(相較于需要的時間),那就是緊急性沒那么高的。
第二個維度是重要性,什么是重要的呢,這里以產品經(jīng)理的角度給大家提供幾個評判的維度:
除了這3個維度,大家也可以在自己總結歸納,然后運用進來。
備注:這個方法也可以運用到人生的管理中去,換掉判斷的維度就可以了,比如我計劃兩年后出國讀研,那現(xiàn)在對于我來說重要并且緊急的事情就是確定計劃,重要不緊急的事情就是考托福、存錢。
將事情規(guī)劃進了對應的象限后,就要開始付之以行動,如果不行動的話,第二象限的事情就會慢慢都變成第一象限的,然后你會發(fā)現(xiàn)你現(xiàn)在會手忙腳亂,有一堆事情等著你現(xiàn)在完成,那就等著加班吧。
對于第一象限的事情,抓緊時間,一件件做完,不要怕麻煩,不要跳過任務,最好只分配20%的時間;
第二象限的事情,是你需要花80%的時間在上面的,因為如果你不在這個象限及時處理完,它就會堆到第一象限,越早處理這個象限的事情,時間管理就可以越從容,事情也可以處理的越好;
第三象限和第四象限對于你來說是不重要的事情,但是它們會占用你的時間,你可以每天花費一定的時間,統(tǒng)一去處理,或者嘗試安排給其他人去做,但是千萬不可以因為它們去隨時打斷第一二象限的事情,否則不僅會做不好最重要的事,最后還會覺得一事無成。
“九宮格分析法”又名“曼陀羅思考法”,起源于佛教,被今泉浩晃先生加以系統(tǒng)化利用之后,卻成為絕佳的計劃工具。其最終目的是將“知識”轉變?yōu)閷嵺`的“智慧”。按照此方法制作備忘錄,應付學業(yè)與工作上各項疑惑,靈感將不斷自然涌出。它也是學習與工作時最佳的武器。
學會管理自己的時間和事情后,就需要學習如何將事情做得更好,第二種給大家介紹的方法就是九宮格思考法,幫助大家去找到解決問題的方法與思路。九宮格分析法可以用的地方有很多,比如時間規(guī)劃、人際關系分析、思考分析等,這次主要帶大家了解如何去運用此方法思考解析問題。
人的大腦分為左右腦,其中左腦負責邏輯、理性思維,右腦負責藝術、感性思維,而在我們平時的工作思考中,大都只用到了左腦,九宮格法就是更大地激活了右腦在思考問題時所發(fā)揮的作用,可以激發(fā)更多的創(chuàng)意與思路。而其運用方法也有兩種。
九宮格外圍8個區(qū)域的內容可以互相不關聯(lián),但是都圍繞中間的原點展開。這種方式有利于使用者的思維發(fā)散,在填上中間區(qū)域的時候,很自然的想將其他區(qū)域填滿,這時候也是左右腦同時協(xié)作的時候。
很多人都想做產品經(jīng)理,覺得產品經(jīng)理入行門檻低,而且不需要太強的專業(yè)技能。其實是對的,產品經(jīng)理入門容易,但是很容易大都成為三四流,很難成長成為高級產品經(jīng)理或者產品總監(jiān),而每一個成功的PM,一定有他超強的能力門檻讓別人無法披靡。這次我們就用發(fā)散法看看產品經(jīng)理都需要一些什么能力。
相信大家看完圖,就應該明白了,外圍8個能力要素都是圍繞產品經(jīng)理展開,可能有的人會說,還會有更多分類,但是能熟通這8個要素,我相信,你離成功也就不遠了。
外圍8個要素既然可以互不關聯(lián),也可以按照一定的順序、邏輯展開。第二種使用方法就是有順序地展開相關聯(lián)的要素。這種方法,適用于活動流程的管理、日常的時間規(guī)劃、項目流程的管理分析等場景。
這里就不給大家舉例子了,相信以大家的聰明才智一定會知道如何使用。
有時候需要思考和展開的內容需要更多、更細致一點,那就可以用到“曼陀羅法”的升級版本—蓮花法,就是將現(xiàn)有的九宮格看作是新的九宮格中間的一格,將原有的外圍8個法則作為新的外圍8個九宮格中的核心,繼續(xù)展開思考,還是以剛才的產品經(jīng)理的核心能力為例展開。
圍繞著剛才的外圍,繼續(xù)展開新一輪的思考,到這一步,已經(jīng)具體到很細的點上了,比如邏輯思考能力,大家就可以在平時對于產品功能、產品規(guī)劃、與他人交流等等場景去落實,其他能力也是一樣。
思考:大家如果有心的話,可以嘗試留言補充一下剩下的內容框架,也有助于幫助熟悉和使用這種方法,也是對自己現(xiàn)在或者未來做產品經(jīng)理的一種能力規(guī)劃。
剛開始讓小A做競品分析的時候,她就去網(wǎng)上找了一些其他人所寫的報告來看,很多人都采用了5要素模型來作為競品分析的基本路徑與框架,但是很多人只根據(jù)字面意思去理解,而沒有真正去了解它們,最后造成的后果就是邯鄲學步,不僅沒有真正的使用此框架, 而且打亂了自己原本的思路。
《用戶體驗要素》是產品經(jīng)理必讀的書目之一,而5要素模型就是本書中所提出的核心觀點。Jesse James Garrett提出,一個產品的決策或者說是每一個產品的細節(jié),都應該有完整的框架去建設,從離用戶最近的表現(xiàn)層,到產品的基礎戰(zhàn)略層,都需要產品經(jīng)理認真的去思考。
作者所采用的5個層面的名稱較為抽象,并且是經(jīng)由翻譯而來,如果沒有深入地去學習研究,只憑詞語本身的含義,很容易誤解。比如戰(zhàn)略層,小A同學根據(jù)自己的想象,認為其是與公司戰(zhàn)略規(guī)劃,產品在公司的地位相關的內容,跑過來問我:我怎么知道這個產品在公司戰(zhàn)略中處于什么地位呀?
你看,只憑字面意思很容易誤解,這次我與大家一下重溫5個層面,并加入一些實例與想法作為輔助,希望能讓大家能更好的理解。當然,只憑這篇文章或者網(wǎng)上的解釋是無法完全領會作者意思的,如果有時間的話,一定要去讀這本書。
作者將整個用戶體驗分為5個層面,作為用戶,其先接觸到的是產品的表現(xiàn)層,第一感覺是這個產品好不好看,色彩搭配怎么樣,整體風格怎么樣,這叫做自下而上的接觸產品。所以在建設產品的時候,一定要自上而下建設的同時,也要自下而上的去完善產品。
戰(zhàn)略層是產品設計的根基,也是產品設計的方向,在這一層主要規(guī)劃的內容是用戶需求,產品目標。我們需要規(guī)劃人生,家庭需要規(guī)劃未來,企業(yè)需要規(guī)劃路徑,國家也需要規(guī)劃戰(zhàn)略,所以產品也需要做好產品規(guī)劃。
“小米,為發(fā)燒而生”這是雷軍提出的品牌定位,也是品牌的目標,所有小米系列的產品都以這個目標為方向去研發(fā)、設計,所以他的產品方向、目標人群都很精準,黏性很強,而且產品力也會穩(wěn)步提升,這就是產品目標所帶來的力量;用戶需求會更加直接一點,前幾天看了抖音國際化產品運營負責人(muiscal.ly初創(chuàng)團隊)的一篇文章,說的是抖音解決的就是用戶“無聊”的問題,通過把陶醉消遣的娛樂內容堆滿民眾生活來占用時間,讓人放下沉浸和思考,從而達成精神滿足,整體的產品設計、運營思路都是圍繞這個用戶需求展開,只要解決1%的無聊的問題,那就是成功了。
確定了產品方向和需要解決的用戶需求后,就要定下來怎么做,做什么了。在普通的產品中,需要考慮功能規(guī)格,做什么功能,而訊息內容類產品,還需要考慮到內容需求,做怎樣的內容。
短視頻APP是現(xiàn)在正火的內容類產品,其中的“快手”和“抖音”就是其中較火的兩款產品。快手的用戶群體更多的是在三四線城市,而抖音的初始用戶群體卻主要集中在一二線城市,這種用戶群體差異就是由于范圍層的定位不同導致的,快手的Slogen是“國民短視頻社區(qū),記錄和分享生活的平臺”,抖音的是“讓崇拜從這里開始”(現(xiàn)已更新為記錄美好生活),并且平臺的初始內容就是不同的,所以對整體的用戶群體方向也有了不同的導向。
確定了戰(zhàn)略層和范圍層后,對于產品最終要達到的目標和要具備的特性已經(jīng)有了較為清楚的概念,結構層就是將這些概念形成一個結構。這一層中包含了交互設計和信息架構的內容,也就是想想產品怎么做,怎么與用戶交互,怎么將產品中的內容讓用戶可以清晰、有序的接觸到。
采用與用戶習慣相似的結構與交互,有利于用戶熟悉使用你的產品,比如產品中的一些操作路徑是否與主流相同,比如文中提出的購物車的例子,給用戶以購物的感覺,可以更好地理解這個功能。
產品中組件的擺放,元素的位置,都是在框架層中需要確定的,這一層中包含了界面設計、導航設計和信息設計這3個板塊。
界面設計,讓元素出現(xiàn)在用戶需要的時候,并且容易操作、觀察到;導航設計,讓用戶知道他從哪里來,現(xiàn)在在哪里,要到哪里去;信息設計,讓用戶在讀取、觀察信息的時候可以按照習慣性的思路去獲得信息。產品經(jīng)理經(jīng)常要畫的線框圖,也是屬于這個層面。
這是用戶首先接觸到的地方,不僅要滿足產品功能、內容、UI的綜合目標,也要給用戶以較好的感知。框架層決定了產品元素的位置和結構,這一層就是決定了產品的設計、給用戶的感覺,一個產品的表現(xiàn)層可以決定一個用戶對產品的感覺。
當你將一個界面簡陋的產品與界面精美的產品放在一起,將一個界面簡潔與元素冗雜的產品放在一起,這兩組對比就會讓你知道產品的表現(xiàn)層的重要性。
以上就是這次想和大家分享的一些內容,作為1-3年的產品經(jīng)理,或者想具備產品經(jīng)理思維的人,一定需要了解和掌握一定的工作、思考方法,讓自己的工作更加有序,思維更加有邏輯性??赡軇傞_始會讓你稍顯不適,會讓你覺得麻煩或者堅持不下去,但是你一旦將之形成習慣,那你就會愛上這種感覺。
三、UI設計基礎概念(十)之 UI設計術語中英文對照
UI設計術語中英文對照
說到英文,我就有一種淡淡的憂桑。。。寶寶從來沒有進過啥大公司,在小公司溝通也是能多簡單就多簡單啊。
但是最近跟大公司出來的技術狗們溝通的時候他們都是飆英文的。我真是蛋疼。。。寶寶聽不懂啊~~~寶寶還不能說。只能根據(jù)實際情況去猜?。?!哎~~所以我翻閱了好多資料(其實也就是百度)總結了這篇牛逼的文章~~獻給大伙們~~
UI :用戶界面,是英文User和 interface的縮寫。
GUI:Graphics User Interface 圖形用戶界面
有時也稱為WIMP=Window/Icon/Menu/Pointing Device 窗口、圖標、菜單、指點設備
HUI: Handset User Interface 手持設備用戶界面
IA: information Architect 信息架構
UX: user experience用戶體驗
HCI: human computer interaction人機交互
CHI: computer-human interaction人機交互
UCD: user -centered design用戶中心設計
UPA: usability professionals’ association 可用性專家協(xié)會
AI: Adobe Illustrator ;目前最權威的矢量圖繪制軟件,*.ai是它的格式文件。
IA在指一項工作的時候是 Information Architecture, 指從事這項工作的人的時候是Information Architect
PS:在這里不是指游戲機,是目前最強大的圖形編輯軟件Adobe photoshop。
ID: Industry Design 工業(yè)設計哦,不是Identity(身份證明)
ID 就是identification Proof or evidence of identity, 確認身份的證據(jù)或證明
MMI:Man Machine Interface人機接口,MMI是進行移動通信的人與提供移動通信服務的手機之間交往的界面。包括硬件和軟件。
RIA: Rich Internet Applications 富因特網(wǎng)應用程序
SPI : Software Process Improvement 軟件過程的改進
SPA :Software Process Assessment 軟件過程評估
SCE : Software Capabili Evaluation 軟件能力評鑒
UML : Unified Modeling Language 統(tǒng)一建模語言
RUP : Rational Unified Process 軟件建模過程
CMM: Capability Maturity Model for Software 軟件能力成熟度模型
ERP : Enterprise Resource Planning 企業(yè)資源計劃
OS : Operating System 操作系統(tǒng)
OO : Object Oriented 面向對象
OOA : Object Oriented Analysis面向對象分析
OOD :Object Oriented Design面向對象設計
OOP :Object Oriented Programming面向對象程序設計
UIMS:User Interface Management System 用戶界面管理系統(tǒng)
DSC :Decision Support Center 決策支持中心
SMOP : Small Natter Of Progamming Units 小型程序單元
FUPRID因子
用戶界面問題可按FUPRID分類。
F = Feature 功能特性
U = User interface 用戶界面
P = Performance 性能
R = Reliability 可靠性
I = Installability 可安裝性
D = Documentation 文檔化
Accelerator Keys:快捷鍵,有時候用shortcut keys
Accessibility:可及性。本詞特別針對有殘疾或障礙的人,軟件操作或網(wǎng)站的可訪問存取。
Affinity Diagram:關系圖。一種文脈設計方法中的元素。
Application:應用或者程序
Artifact Model:一種文脈設計方法中的元素。展示假想模式在應用中怎樣組織和應用。
Brainstorming:頭腦風暴
Concrete Use Case:創(chuàng)建用例
Content:內容
Contextual Design:情景設計,上下文設計,文脈設計
Cultural Model:一種文脈設計方法中的元素。獲取文化政策相關的元素。
Customer:客戶
Customization:個性化,定制
Design Session:設計討論會
Essential Use Case:基本用例
Flow Model:流程模式
Goal:目標
Goal-Directed Design:目標導向設計
Graphic Design:圖形設計
Guideline:界面設計的規(guī)則或啟發(fā)式指南
High Fidelity Prototype:高保真原型。細節(jié)都比較詳細的原型。
Individualization:個性化
Information Architecture:信息架構
Information Design:信息設計
Interaction Design Session:交互設計討論會
Knowledge Management:知識管理
Label:標簽:短的描述性的標題作入口用。
Level of Experience:體驗層次
List:列表
Low Fidelity Prototype:低保真原型,抽象原型視圖
Menu:菜單
Metaphor:隱喻
Norm:規(guī)范
Paper Prototype (Paper Mockup):紙上原型
Persona:角色
Physical Model:物理環(huán)境模式
Portal:入口
Product Design Center (PDC):產品設計中心
Scenario:情節(jié)設定
Sequence Model:序列模式:完成任務的步驟
Story Board:故事板
Style Guide:風格指南
System:系統(tǒng)是支持用戶完成任務的硬件或軟件
Task Analysis:任務分解
Test, Usability:測試,可用性
Usability Lab:可用性實驗室
Usability Review:可用性評估:指至少兩名專家做的啟發(fā)式評估
Usability Test:可用性測試
用戶在可用性實驗室使用產品,過程被錄像下來。
User Analysis:用戶分析
Vision:視圖。再設計就是獲得一些視圖,表現(xiàn)用戶使用系統(tǒng)的過程。
Visual Design:視覺設計,同圖形設計意義差不多,但更廣泛一些,還包含文字的表現(xiàn)和信息設計。
Web Application:基于因特網(wǎng)的應用
Work Environment:使用環(huán)境,包括物理的生理的化學的社會的文化的等各種因素。
寶寶們~記得學好英語。
四、UI交互設計的設計規(guī)范都有哪些?
頁面規(guī)范
UI交互設計規(guī)范中的頁面信息規(guī)范主要指頁面的靜態(tài)信息應該遵循的規(guī)則,包括:1.標題規(guī)范;2.新窗口鏈接規(guī)范;3.圖片規(guī)范。
信息規(guī)范
UI交互設計規(guī)范中的交互提示規(guī)范主要用于規(guī)定在交互過程中交互的方式及其信息提示,包括:
1.預先信息提示
a.表單提交類,b.謹慎類操作,c.差異化規(guī)則。
2、操作信息提示
a.操作確認提示,b.操作錯誤提示。
3、結果信息提示
a.查詢類結果,b.保存類結果,c.附加類結果。
控件規(guī)范
UI交互設計規(guī)范中的控件規(guī)范是當有一些功能會被多個模塊復用的時候(如標準評論框、標準好友選擇器等),需要把這些功能提煉出來設計成通用控件被多個模塊共用。
總之,有了頁面信息規(guī)范、交互信息規(guī)范、通用控件規(guī)范就能保證頁面信息的一致、交互方式及提示的一致、通用功能模塊一致。從而保證產品的一致性,并提高產品質量。
以上就是關于UI交互設計規(guī)范的相關內容,希望對想要學習UI設計的小伙伴們有所參考,想要了解更多UI設計相關內容,歡迎大家在平臺及時查看。
以上就是小編對于ui設計中關于九宮圖描述錯誤的是問題和相關問題的解答了,如有疑問,可撥打網(wǎng)站上的電話,或添加微信。
推薦閱讀:
德?lián)涿弊邮鞘裁矗╤eads up德?lián)洌?/a>