Uizard AI,幫你把腦內草圖變成畫面
Uizard AI,幫你把腦內草圖變成畫面

靈感枯竭,還要趕時間畫設計稿怎麼辦?
Uizard AI 的 Generate Screens 功能只要 10 秒就能搞定!
而且所有畫面元件都能自由調整。

Netflix、Airbnb、Google 怎麼做 Prototype?你的公司學得會嗎?
Netflix、Airbnb、Google 怎麼做 Prototype?你的公司學得會嗎?

設計提案被否決,老闆說「再精緻一點」。
但花時間做高保真原型,真的能讓方案通過嗎?
其實,不同保真度各有優勢,用錯了反而拖累專案!

大學生的 UI 設計選修課(10)Prototype 類型與使用時機
大學生的 UI 設計選修課(10)Prototype 類型與使用時機

上週六在GDG Taichung 演講,主題是:「為什麼要加新功能」,有不少內容和 Prototype 有關,就合併整理成一篇文分享在這裡囉。

大學生的 UI 設計選修課(8)UI Flow 介面流程
大學生的 UI 設計選修課(8)UI Flow 介面流程

從字義上來解釋 UI Flow 就是「介面的流程」,可以想像是「完成任務會經過多少頁面的過程」。有很多種表現形式,文字版 UI Flow 可以當成頁面目錄、圖片版 UI Flow 可以探討頁面操作。

深入解析微互動設計融入開發流程的方法
深入解析微互動設計融入開發流程的方法

「微互動該怎麼開發?」
細節到位才能讓 UI 更順暢,但書上沒教怎麼落地實作!
這篇帶你從設計到開發,完整拆解流程。

Prototype 大觀園:Prototype 優劣分析步步來
Prototype 大觀園:Prototype 優劣分析步步來

本文同步刊登於 NTUChallenge Blog 挑戰誌

很多專案在開發過程中,會製作 Prototype(原型)測試與驗證構想。專案開發會經過許多階段,也有很多種製作 Prototype 的方式。該如何配合專案開發進度,製作適合的 Prototype?

讀者來信:UI 設計流程

收到一封 Mail,其中提到幾個關於設計流程和 Prototype 的問題。

UI設計流程:Wireframe->低保真Prototyple->Mockup->高保真Prototyple
這樣的流程是對的嗎?

根據上過課的學員回應、以及自身經驗,目前業界的情況大多是 UI 設計師收到「開工啦」的通知,然後就從 Wireframe 開始下手。使用者怎麼操作、有哪些功能、使用者和客戶的需求是什麼往往靠 PM 簡單口述。

Wireframe 為什麼會長這樣?在 Wireframe 之前還有哪些事要做?

全部都靠通靈。

所以執行專案期間都在改來改去,撐到最後一天總是可以結案就解脫了嘛,再開始下個改來改去的輪迴。

試用:Flinto for Mac

Prototype 工具滿山滿谷一直生,昨天 App Store 新上架一款叫做「Flinto 」的 Prototype 工具。抱持著 你花錢買這工具是想解決什麼問題?沒有?你買它幹嘛? 的心情,本來想裝死,但應台灣設計師 Teresa 要求,我試玩了下寫心得分享,要不要掏 NT2,990 元出來見人見智了。

初學者的 Prototype

(我竟然忘記寫這篇),和群裡設計師聊,發現 Prototype、Wireframe、Mockup 因為翻譯有時候皆統稱為「原型」的關係,導致大混淆,所以來說明下這三者的不同。

用 Hype3 做 Prototype:基礎過場


動態效果、轉場動畫對UI的戲份越來越重…其實一直都很重只是大多用在遊戲上,功能型 App 運用這種技巧最近越吃越兇,且製作真正能裝在手機、拿在手上操作的擬真 Prototype 對不會寫 Code 的設計師來說有難度。我找到好用的方式可以解決這個問題:Hype3+Frameless

這篇是最簡單的過場設定、最偷吃步、不需要技術,只要會寫簡報 PTT 或是 Keynote 就做的出來,所以連 Planner 和 PM 也保證上手無問題。

Note:Prototype 製作軟體

最近在找做 Prototype 的軟體或服務,狂測了一堆眼都花了。 Prototyping Tools 搜集很多做 Prototype 的工具,我還沒把每一款都摸過,先筆記有沾水的部份。可能某些服務的功能我沒摸透,如果你有其他的想法歡迎補充。

UX,設計的方法(專案中期)

這篇要講的是專案已經執行一陣子了,有哪些方法可以驗證初期發想和規劃方向無誤的方式,採用大家最熟悉的「原型法」和「快速反覆測試評估法」以及「MVP」的概念。可以當成是投入專案一段時間後做測試,了解苦海無涯回頭是岸所設的停損點。越早發現方向有誤並修正、比開到海中央撞冰山了才發現救生艇不足來的好。