想要從事介面設計師的工作?那就先來了解什麼是介面設計(UI/UX)

文、Solis 老師

以英文來說,介面設計可以分成兩部分,就是 User Interface 以及 User Experience。

如果我們就字面上的翻譯來說,User Interface可以直接翻譯成使用者介面,又簡稱 UI;而 User Experience 則可以翻譯成使用者體驗,簡稱為 UE 或是 UX。

介面設計的核心就是體驗

Photo credit:Pexels

外觀與功能究竟哪項重要?

不可否認的,我們都希望兩者兼顧,但是如果只能挑一個,或是硬要排個先後順序,那一項會比較重要呢?

以下選擇我們思考思考:

  1. 一盤好吃,但是沒有啥擺盤美感的炒飯 VS 擺盤漂亮精美,但是飯沒炒開、沒加食鹽分量又少的炒飯。
  2. 一杯沒有裝飾,但是酸甜平衡酒感適中的調酒 VS 裝飾漂亮,但是沒有酒感的調酒。
  3. 一棟外觀普通老舊,但是內裝實用,乾淨舒服的房子 VS 一棟外觀亮麗豪華,但是會漏水的房子。
  4. 一個花心,在他眼中妳是可有可無的帥男孩 VS 一個長相不出眾,有肚子,但是真心對妳好的男生。

好啦,我知道第四項裡面,還是有人要選帥帥男孩。

當然,在最理想的狀況下,好用又好看,就會是一件完美的事情!不過若是在無法兼顧狀況裡,「好用」其實是比「好看」重要得多的。

試著想想,日常生活當中其實我們都會遇到不少中看不中用的物品;相比較起來,「實用」依然是我們在使用一個物品的時候,最重要的一件事情,也就是我們常常在設計領域中提到的「使用性」。

Photo credit:Pexels

使用性的境界

一般來說,介面設計有三個層次的境界,由下往上分別是:

1. 可學習但不可記憶

有沒有這樣的經驗,一台麵包機送到家裡,快樂的拆箱之後,拿出各項配件清洗,再從冰箱裡拿出了預備好的材料,下一步呢?

對,大部分的狀況就是把說明書拿出來,好好的閱讀一遍,然後照著說明書上的步驟操作,幾個小時之後,就可以開心地吃剛烤出來的新鮮麵包!

一周後,又想烤麵包了?那就一樣的步驟再來一次吧!

不過這時候有兩種狀況了,如果我們又需要把說明書拿出來照著操作,那麼這部分就有可能是這一層的境界,也就是說,這個使用的介面,無法讓我們在極短時間內學習完成,於是每次使用時都需要說明書的指引。

當然或許有人會說,有些人的記性比較不好,所以就算是不太複雜的步驟,也不一定能在短時間內記住。

好吧,我們當然不能否認這種可能性,但這進一步牽扯到目標對象的分析,就不再這邊深入討論,只說結論:如果主要目標對象群就是記性不好的那群人,那我們就不應該設計出讓這些人不好學習記憶的介面。

那如果第二次或是第三次,使用者就記住了怎麼使用呢?那就進入第二層境界了

2. 可學習並可記憶

可記憶這件事情分成兩種。

以剛剛麵包機的例子來說,就是第二次第三次之後,可以很自然地不看說明書,也可以完成烤麵包的任務,這樣就表示使用者已經將麵包機的使用過程「記憶」了下來。

而另一種意義是,如果隔了三個月都沒有使用這台機器烤麵包,那麼忘記怎麼使用自然也是正常的事情,不過若使用者在介面上摸索一下後,就能夠想起使用方法與過程,這也屬於是可以記憶的一種形式。

3. 直覺可用

直覺可用,對!就是字面上的意思,使用者看到這介面,直接就知道要怎樣去使用這台機器,無須利用說明書或是其他的外在協助。

而既然直覺就知道怎麼使用,當然也就沒有能不能記憶的問題了,簡單流暢的使用流程,清楚明白的視覺介面,是達成直覺可用的兩大條件!

介面的定義

我們可以聊聊介面的定義了,其實中文「介面」二字,事實上包含英文的「UI」、「UX」兩個項目,因為我們已經知道,介面設計的核心在於體驗,也就是需要達到好的使用性,所以「UI」設計,必須能實現原始的「UX」規劃,因此在設計流程上,都是先UX,再UI,如果沒有先行規劃UX,則做出來的UI就往往只是在視覺上做文章罷了。

所以我們做個簡單的定義如下:

UX,User Experience,用以判斷使用性的好壞,本質上就是使用者在使用時的主觀感受,這個議題牽涉到很多領域,但不管怎麼研究,使用者永遠是最重要的研究標的。

UI,User Interface,使用者與被使用的物件之間,溝通的橋樑,是一個輸入使用者指令輸入、物件狀態輸出的中介,好的介面設計將能提供好的使用性,因此,介面設計中UI、UX兩者缺一不可!

加入菜鳥救星官方Line並回覆「我想看文章」,不定期獲得更多知識吧!

不同頻道,不同知識!

和Netflix影劇《星期三》學習的6個暗黑精神

文、Shannon

一上架點擊率就迅速攀升,引發話題的Netflix黑色喜劇影集《星期三》,不知道大家看過了嗎?劇情延續《阿達一族》,以來自恐怖家族的奇怪少女Wednesday星期三為主角,為了替受到霸凌的弟弟報仇,以極端的手段反擊校園惡霸,而被學校退學轉學至奈落學院就讀,雖然身在怪咖比比皆是的奈洛學院,個性特立獨行的星期三依然是校園內最奪人眼球的存在。

從不在乎他人的評價、我行我素、對外界不屑一顧的個性,在劇中有許多一針見血的暗黑台詞,不僅身體力行時刻提醒大家「做自己」的重要性,也點醒眾人:面對他人不用刻意逢迎討好!現在讓我們一起回顧《星期三》的精彩台詞,再次體驗星期三的暗黑精神!

閱讀全文 →

台東金城武樹!用電腦繪圖軟體畫出

文、耀月老師

各位同學大家好~
最近跑去台東玩了一趟,所以拍了張金城武樹,並且想試試水彩風格的筆刷來繪製出小清新感的風格作品,大家可以參考看看唷^^

使用筆刷:錐形康特筆、輕柔噴槍、仿真水彩系列筆刷、濕橡皮擦等…

閱讀全文 →

計畫趕不上變化!去年的計畫有實現了嗎?到底怎麼立新年目標?

文、笑長

"一年之計在於春,一日之計在於晨"

在元旦或是新年時你許下的什麼願望?
是多運動讓身體變健康?
還是英語多益考700分?

每年的元旦跨年煙火,農曆新年除夕夜,除了和家人團聚,還有一件最重要的應該就是對新的一年的期許吧,在新的一年許下了心願伴隨著也就是訂下了新年新計畫,在工作管理上也就是目標KPI啦!

閱讀全文 →

2023影音後製4款剪輯軟體推薦,從入門到專業滿足你的剪輯需求!

文、Yui

影音剪輯軟體百百種,相信各位初學者對於該如何選擇一開始會毫無頭緒,這次的文章就來簡單介紹與說明最常見的剪輯軟體有何特點,大家更能夠明確知道現階段適合使用和學習的剪輯工具,大家可以依照使用需求及用途去衡量自己要使用何種軟體。

閱讀全文 →

【Excel教學】在VBA中如何跨工作表處理儲存格

文、意如老師

續上一篇都是在同一個工作表處理儲存格,接下來要介紹的是如何到指定的工作表或活頁簿處理儲存格。

任務一:基本函數認識(Select、Column)
任務二:複製與貼上儲存格(Copy、PasteSpecial)
任務三:調用工作表Worksheets( )函數
任務四:調用活頁簿Workbooks( )函數

閱讀全文 →

不怕設計沒焦點!室內設計風格一次掌握

文、Flora

上一篇提到現代主流的設計風格分類,分別為現代風、工業風、古典風,這次則是介紹以國家為主的空間設計風格。人們會隨著不同的地理氣候、人文文化,發展出各自特有的生活模式,材料對環境的適用性以及取材的便利性,更間接影響一個地區對於室內設計的考量、規劃,使室內裝修衍伸出地域性的特色風格。

閱讀全文 →

新春好運到!After Effects製作虎到兔年3D功能運用翻字效果

文、佳佳

哈囉,我是佳佳,在這祝各位新年快樂!

2023的新年第一篇想來跟大家示範將生肖與AE的3D字體翻轉效果結合,這次的素材很單純,用AE裡面的內建功能來做就可以了,不需要到AI先把素材做完,製作的主題用白話文來說就是「虎年已過,兔年行大運」,希望場景呈現出:留下原本的行大運文字,並將虎字退場,讓兔字進來畫面中,那我們就開始吧~~

閱讀全文 →

2023程式設計課程推薦,3方法挑選適合的前端、後端課程!

文、意如老師

主題一:想寫什麼類型的程式?
主題二:如何挑選適合自己的程式設計課程?
主題三:您想走前端還是後端?

主題一:想寫什麼類型的程式?

這邊先大至分成兩類來介紹,第一類是不需要網路即可執行的單機版應用程式,像是個人電腦上的小算盤、Office等軟體或是企業常用的進銷存系統(ERP)、顧客管理系統(CRM)等等。

閱讀全文 →

我要當老闆!個人帳戶和公司帳戶要怎麼管理?

文、鋼鐵紳士

公司我一個人的,公司的錢是我的錢,我自己的錢也是我的錢。我用自己的帳戶付錢,跟用公司帳戶付錢,會有差嗎?反正都是我的!

因為參與商會、社團的關係,接觸不少小企業、微型企業主,很多都是獨資或一人公司。在與這些老闆們互動過程中,聊到未來發展及財務時,我發現多數老闆都有一個想法:公司我自己的,沒有股東、沒有投資人,公司的錢就是我的錢,怎麼使用都可以。

同為獨資,或是目前是一人公司的老闆們,是不是也有一樣的想法呢?這樣的想法看似OK,實則潛藏不利公司發展的要素!

閱讀全文 →

兔年好運到!After Effects製作虎到兔年3D功能運用翻字效果

文、佳佳

哈囉,我是佳佳,在這祝各位新年快樂!
2023的新年第一篇想來跟大家示範將生肖與AE的3D字體翻轉效果結合,這次的素材很單純,用AE裡面的內建功能來做就可以了,不需要到AI先把素材做完,製作的主題用白話文來說就是「虎年已過,兔年行大運」,希望場景呈現出:留下原本的行大運文字,並將虎字退場,讓兔字進來畫面中,那我們就開始吧~~

閱讀全文 →

小心職場大嘴巴!守護秘密以利升職

文、Shannon Lai

轉眼又到了年末,隨著疫情好轉,辦公室裡各種聚會紛沓而至,這時開心大聊之餘也是職場八卦橫行的時刻,關於職場上的那些小秘密,千萬別輕忽大意,職場宛如戰場,任何一點風吹草動在有心人士的推動下,輕如鴻毛的幾句話也能成為重傷同事的利刃。

不得不說職場上言談之間的分際真的很重要,試想你揣著一個眾人都不知曉的秘密,若不懂三緘其口,最後被別人發現是你散播消息,必定要被當事人怪罪。又或是一些傳話上的解讀,碰上喜歡加油添醋的人,曲解原意也會造成不可挽回的局面。

閱讀全文 →

如何簡單製作遊戲的基本UI按鈕,暫停播放

文、查理

打電動打到一半臨時有人打電話過來,或者是尿急,這時候就需要遊戲暫停按鈕,那要如何製作一個遊戲暫停的按鈕呢?
首先,是要製作一個按鈕物件,第二個部分就是要讓這個按鈕,產生遊戲暫停的效果。

閱讀全文 →