Uizard AI,幫你把腦內草圖變成畫面
靈感枯竭,還要趕時間畫設計稿怎麼辦?
Uizard AI 的 Generate Screens 功能只要 10 秒就能搞定!
而且所有畫面元件都能自由調整。
Netflix、Airbnb、Google 怎麼做 Prototype?你的公司學得會嗎?
設計提案被否決,老闆說「再精緻一點」。
但花時間做高保真原型,真的能讓方案通過嗎?
其實,不同保真度各有優勢,用錯了反而拖累專案!
大學生的 UI 設計選修課(10)Prototype 類型與使用時機
上週六在GDG Taichung 演講,主題是:「為什麼要加新功能」,有不少內容和 Prototype 有關,就合併整理成一篇文分享在這裡囉。
大學生的 UI 設計選修課(8)UI Flow 介面流程
從字義上來解釋 UI Flow 就是「介面的流程」,可以想像是「完成任務會經過多少頁面的過程」。有很多種表現形式,文字版 UI Flow 可以當成頁面目錄、圖片版 UI Flow 可以探討頁面操作。
深入解析微互動設計融入開發流程的方法
「微互動該怎麼開發?」
細節到位才能讓 UI 更順暢,但書上沒教怎麼落地實作!
這篇帶你從設計到開發,完整拆解流程。
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」的概念。可以當成是投入專案一段時間後做測試,了解苦海無涯回頭是岸所設的停損點。越早發現方向有誤並修正、比開到海中央撞冰山了才發現救生艇不足來的好。