Artboard

多語系網頁在設計上該考慮什麼,才能有好的使用者體驗?

多語系 (國際化)網頁在設計時,往往因不理解該地區的文化或語言,而忽視了許多小細節,累積起來就會造成諸多問題,例如:降低轉換率、無法完全地傳遞產品價值理念、降低使用者的信賴 … 等。作者 John Saito 以他在 Dropbox 工作的經驗,提供許多設計的小技巧給讀者,希望能解決在設計多語系產品的相關問題,期待能讓產品的體驗更好。
Continue reading

data-drived-personas

如何以有限的預算,打造可靠又可信的人物誌 (Personas)

dara-driven personas

成功的數位產品不僅是寫 code 的功勞,熟知用戶真實的需求與期待,並打造能傳達這些資訊的體驗才是關鍵。除此之外,也要在滿足用戶的期待下讓他們進行各種預設的轉換,如註冊、登入、聯繫或購買 … 等。

這篇文章將討論如何以有限的預算,打造出可靠可信的 Personas ,並協助我們創造成功的使用者體驗。

Continue reading

persona_cover_dribbble_kristina-lakeway

如何打造對專案有效益的 Persona (人物誌) ?

how-to-build-a-strong-project-foundation-with-practical-personas

許多網頁開發公司認為做出一個準確的 Persona (人物誌) 相當昂貴,或單純覺得不需要。同樣的,顧客也可能不太了解這個工具的概念,以及它能為專案帶來什麼價值?

Persona 的核心在於,是否能有效的建構與使用它。若能,即可帶給你們團隊更清晰的目標用戶面貌,以及為你的專案打下發展方向的基礎。除此之外,它也能在策略制定時發揮效果,並且讓你更有效率的達成目標。

在我們深入探討前,先來精準的定義 Persona 是什麼吧!

Persona (人物誌)

photo from xtensio

Continue reading

framer flows

Framer Flows 初體驗

Framer 不適合製作頁面流程 (暫時)
建議大家不要拿 Framer 來製作頁面流程的原型。因為有比 Framer 更方便的工具,像是 Prott、Flinto 以及 Invision 等等。

還記得在開始寫 Framer 教學時,曾寫下上述的建言,而那時不知為何在句子後面加上了 ”暫時” 兩個字,也許隱約察覺到 Framer 團隊遲早會針對頁面流程,提出更好的解決方案。而就在前一陣子,他們推出了 Framer Flows !

Continue reading

wording_data_00

如何透過數據決定 “用字",以提升使用者體驗?

在使用者體驗 的設計考量中,用字也是一個相當重要的環節。此篇文章中,作者描述在 Dropbox 團隊中,如何透過數據資料來設計產品用字,並分享了許多工具與方法:

用字是一種藝術,因為文字能讓人們笑、感動甚至激勵我們做有意義的事。但是它同時也跟科學有關,我們可利用資料累積的資訊數據協助選字,及讓我們可更客觀的思考。

 

為了 使用者體驗 ,什麼是對的?什麼又是錯的?

身為 Dropbox 的 UX,我們的目標就是確保每個用字都有意義且合宜。錯誤的用字可能會造成不好的使用者體驗;一個不明確的按鈕文字或陌生的名詞會讓使用者感到挫折。為了確保能使用正確的文字,我們藉由以下幾項不同的工具與技術來協助我們。

Continue reading

emoji-00

emoji 時代的 9 個豆知識

本文章已獲得作者 Winston 授權,轉載自:emoji 時代的 9 個豆知識,原文出處 justfont

 

2015 年,權威的牛津字典做了一件看似很反權威的事情,他們把 😂 列為年度單字。這個字,在 Mac 的 emoji 列表中的名字是「喜極而泣的表情」;如果在 Mac 電腦打「哭笑」也可以選到這個字。但仔細研究後,顯然有其分別。例如這符號到底是喜極而泣,還是又哭又笑;是笑中帶淚,還是笑到噴淚呢⋯⋯

要探究這個問題,需歸結到 emoji 是什麼?它是「文字」嗎?不,它是「絵文字」。他的基礎是畫,所以它不能算是文字。而且如果說 emoji 是文字,那麼世界上存在一個「字集」來定義究竟總共該有哪些 emoji ?又或者 emoji 有「次序」?例如 ABCD 或ㄅㄆㄇ 那樣?為什麼笑臉(😀)一定在便便(💩)的前面呢?這沒有邏輯對吧。

但他真的,到底,你說說,真的不能算文字嗎?Unicode 可是有定義個別符號的碼位的,也能被打字出來,甚至它還裝成了字型檔呢。技術上來說,emoji 確實是文字。

Continue reading

gift_00

挑 聖誕禮物 沒靈感?推薦六樣你值得一看的禮物

大夥,聖誕節又要到了,該買什麼與眾不同的禮物來送給家人、朋友、同事或情人?別再苦惱藍瘦了,大舌頭在台灣的設計與電商品牌中,精選出數樣最不一樣的設計師產品,供讀者們參考。重點來了!各項折扣大舌頭也幫你談好了,給你最棒的優惠~這次的閃購活動日期僅在 12/09 (五) ~ 15 (四),僅有七天!僅有七天!機會真的非常難得,不要錯過喔!

 

Continue reading

design-in-sydney

分享我在澳洲尋找 UIUX的工作 經驗

小弟台灣魯蛇設計師一枚,在國內職場上打混了八、九年,從一開始的 web designer 做到 GUI 再到 UIUX。就在工作一段時間後,意識到在國內的職場生態中,身為一位 designer 要往上發展的空間其實很有限。在台北,我面試過很多公司,其中包含了 Mozilla, TrendMicro, Asus 等等,大概能叫出名字的我都去過了。面試了這麼多其實很失望,因為在台灣有能力的人不會被重視,學歷高過於實戰經驗,有缺永遠也輪不到你。

而讓我下定決心出國工作則是因為某次面試的主管說了一句話:你工作這麼多年怎麼還在待這樣的職位?身為金牛座的我其實 “點” 很少,但一被踩到就如同水閘門被開啟,一發不可收拾!有一天,聽到前同事到澳洲做前端工程師的消息,便開始想像在澳洲是否也能找到設計相關職缺?我的學歷普通,國立大學的設計科系畢業當完兵後直接出社會,也曾想過出國讀書但礙於沒有費用,因此趁這個機會體驗不同的環境也許是個機會。

我沒有研究所學歷,也沒機會出國念書,但這並不阻擋我找海外工作的決心。在來澳洲前也曾經嘗試其他國家的職缺面試,但總覺得不是很喜歡,在經過一陣子的考慮後決定把台灣工作辭掉來澳洲謀職。現在回頭看看當時,也是蠻勇敢的!畢竟我是家中的經濟支柱,把工作辭了跑來澳洲算是賭很大~

Continue reading

designcity_00

設計之都 非選美,而是利用設計思維展現創新,進行城市改造

在「TRANS 從零到醫 - 跨域 x 生醫 x 創新」論壇中,由眾多講者談述 設計之都 、設計思考的教育應用,及設計與生醫新創的跨領域實例。由分享內容裡,我們得知 “設計創新" 看似很專業的詞彙,應該要讓它的思維更加普及應用,因為它就是眾多微革命的核心價值,更是日後社會改造的重要驅動力之一。此外,論壇中也告訴我們當設計結合不同領域的專業時,更催生出改善現況的契機!

Continue reading

prott-hiiir

時間軸科技 (Hiiir) 如何選擇與使用原型工具來打造軟體產品

時間軸 (Hiiir) 是一間集數位行銷、電子商務與行動 APP 服務的科技公司,除了推出網頁端的服務外,也開發了許多 APP,如 “巷弄"、"friDay 購物" 和 “CareMmyPet" 等。他們在開發這些產品時,皆使用大舌頭之前也有介紹過的 Prott 來製作原型,以確保內部溝通順暢與概念的測試。也因此,Prott 團隊特地針對時間軸使用 Prott 的流程及感受,規劃了一場精彩訪談,而讀者們也能透過訪談內容得知科技公司內部是如何選擇原型工具,以及在設計過程中使用原型能帶來的效益。

Continue reading

phonenumber_00

UI 設計小技巧 – 電話號碼欄位

相信大家都有在介面中被要求填入電話號碼的經驗吧!是不是有時會發生格式難以理解而輸入易錯亂?亦或修改困難 … 等體驗不佳的情境?此時可能還因無法順利完成簡單的任務而責怪自己!其實這些在設計上都能被優化,只要設計師與工程師能多點同理心,考量上更加周延,這些情況絕對能避免的。而在這篇文章中,大舌頭將與大家分享 “表單(form)UI " 中關於 " 電話欄位 " 的設計細節。

Continue reading