Archive for 介面設計

[CSS][設計素材] CSS 動畫外掛

這個 plugin 提供了很多物件的動畫狀態
很不錯分享給大家

Animate.css - a bunch of plug-and-play CSS animations

Animate.css – a bunch of plug-and-play CSS animations.

[UI][UE] 用簡單易懂的圖來解釋使用者介面與使用者經驗

這張圖明確說明了

(1) 產品
(2) 使用者經驗
(3) 使用者介面
(4) 網站 Server
(5) 資料庫

在一個產品/服務裡的角色
平易近人,分享給各位

图说用户体验与用户界面之别 | 36氪

图说用户体验与用户界面之别 | 36氪.

[設計作品] iFactory Cloud Web UI

最近加入公司的一個 Cloud Solution 的 Case

主要負責 UI Design 的部份

本案屬於製造業的相關雲端服務,主要應用的產業為工具機產業,以下是網站的相關截圖

 

1. 登入頁

1_login

[設計作品] IM-Star 比賽網站

image

部門今年辦了第一屆的「製造服務創新摘星計畫」比賽,而我負責支援網站建置的部份

主要是讓學生利用「服務科學」的概念,實際幫製造業產品發想加值服務 Being a Star !

網站如下:http://smart.ideas.iii.org.tw/imstar/

人機互動師所需的能力

image

UI進化論 這本書中看到了所謂的人機互動工程師所 必須 要的能力

總括有以下 9 項, 我大概評估了一下自己對於這些能力的擁有程度

 

1. 可用性工程 (Usability Engineering) :沒有學過, 但是感覺很像是設計界的軟體工程

可用性工程方法可用性工程(Usability Engineering)是IT產品及其用戶界面開發的
一種工程方法論,貫穿於產品整個生命週期的各個階段,包括從需求獲取、可用性問題分
析、設計方案的開發以及測試評估在內的一整套實用方法,泛指以提高產品可用性質量為
目的的一系列過程、方法、技術和標準,其核心是以用戶為中心的
設計方法論(user-centered design,UCD)
 

from 百度

 

2. 工業設計 (Industrial Design) :勉強算有學過 3D max 以及做過一次作品

工業設計是運用美學的觀念,對各種工業(像機械工業、電子工業、汽車工業等)的設計,也不是工業建築或工業流程的設計,而是專注對產品之有用性與美以及整體環境方面的設計活動。 增進產品的親和力及可用性的一種應用藝術。

from 天天基金

 

3. 人因工程 (Ergonomics) :沒有學過

人因工程學(又稱工效學[1]人機工程學[2]人類工效學人體工學人因學),是一門重要的工程技術學科。它是管理科學工業工程專業的一個分支,是研究機器環境的相互作用及其合理結合,使設計的機器和環境系統適合人的生理心理等特點,達到在生產中提高效率、安全、健康和舒適目的的一門科學。其中側重於研究人對環境的精神認知稱為cognitive ergonomics或human factors,而側重於研究環境施加給人的物理影響稱為physical ergonomics或occupational biomechanics。作為一門綜合性邊緣學科,它的研究和應用範圍非常廣泛,因此人們試圖從各種角度命名定義它。

from Wikipedia

 

4. 工程心理學 (engineering psychology) :沒有學過

工程心理學是二十世紀四十年代後期開始發展起來的一門新學科。 工程心理學是以人-機-環境系統為對象,研究系統中人的行為,以及人與機器和環境相互作用的工業心理學分支。 它以實驗心理學認知心理學的理論和方法為基礎。 從事工程心理學的研究,必須熟悉心理學的理論和方法。 它的目的是使工程技術設計與人的身心特點相匹配,從而提高系統效率、保障人機安全、並使人在系統中能夠有效而舒適地工作。

from MBA 智庫

 

5. 環境心理學 (Environmental Psychology):沒有學過

環境心理學所關心的是人類和物理環境之間的關係,其內容包括建築、自然和社會環境以及對於個人或是相對於更大的團體或社會而言,其對環境反應的行為表徵。環境心理學的重點在於人類的行為、感受和身為人類的知覺如何受到物理環境的互動影響,以及人們對人為與自然環境危害的反應

from 這個網站

 

6. 統計理論 (Statistical Theory):雖然大學9x分過的科目,但也忘的差不多了,勉強算略懂皮毛

統計可以說是數學的一支,用來研究數據現象的。這種現象當然是社會現象(包括自然現象),我們作為人居住在這世界上所碰到的問題,例如一年之間每一日的平均氣溫,或臺北市去年每一個市民的入息等等

from 這個網站

 

7. 市場行銷 (Marketing) :有修過課且參加過比賽, 常看相關書籍所以還蠻有觀念

市場行銷Marketing)又稱為 市場學市場行銷行銷學。簡稱「行銷」;指個人群體通過創造並同他人交換產品價值,以滿足需求慾望的一種社會管理過程。 

from Wikipedia

 

8. 社會工程學 (Social Engineering) :沒有學過但是略知一二

社會工程學是關於建立理論通過自然的、社會的和制度上的途徑並特別強調根據現實的雙向計劃和設計經驗來一步一步地解決各種社會問題。總體上來說,社會工程學就是使人們順從你的意願、滿足你的欲望的一門藝術與學問。它並不單純是一種控制意志的途徑,但它不能幫助你掌握人們在非正常意識以外的行為,且學習與運用這門學問一點也不容易。

from MBA智庫

 

9. 編碼邏輯,我想應該是程式邏輯吧吧:課程都有學過哩

 

 

然後作者還提到了最好還要有以下幾個能力

1. 設計史:非設計科系應該很少人學過吧

2. 電腦圖形學:有一點概念但是不太懂

3. 使用者調查研究方法:有修過類似的課

4. 產品策劃與分析:感覺很像行銷學

5. 宏觀經濟學:以及待過經濟系,應該算有概念

6. 現象分析技術:不知道這是什麼…

7. 資料探勘技術:就是我的論文吧,頗熟的

 

okay

分析了一下自己,好像還差的好遠好遠阿

要加油哩。