文、Cho Chih-Yuan 洞察使用者旅程是連結視覺設計與設計準則的關鍵 因為不能公開客戶的頁面,所以拿網路上的wireframe kit來舉例示意 從企劃拿到提案,順完wireframe之後,常常是有百來張的APP頁面需要進視覺設計,視覺設計師常常就認份的一頁一頁的刻UI,然後,而從上次的專案中,我們團隊整理出比較簡單有系統的製作方式,分享給大家參考。 把類似的頁面整理在一起,我們將客戶的135頁APP頁面,整理成13類,感覺起來處理13類的頁面,就比要做135的APP簡單許多。 但是13類還是太多了,我們再從這13類中再分類,重新排列後發現可以整理成使用者旅程不同階段的形式,從使用者發現APP閱讀理解學習試用使用功能分成四個階段,從使用者陌生到熟悉的狀態過程來排序這13類的頁面。(每個APP功能不同,分出來的大類也不一定相定,你可以自行排排看你的APP) 當理解使用者在這個階段的狀況之後,就可以定義這個階段的Design Principle,例如:當使用者在剛發現這個APP的了解階段,對這個APP還不熟悉,還在摸索,所以這階段的目的就是要讓使用者覺得這個APP與我有關、可以簡單使用,使用者才會進入下一階段,頁面使用轉換率才會提高。 上一層的階段設計準則存在的目的是為了協助完成下一層的頁面設計準則,就和主管存在的意義是在協助員工完成工作一樣,所以只想作威作福顯示自己好棒棒的主管其實沒有存在價值。(咦?) 從階段的Design Principle當中,就可以拆解出每一類頁面的設計準則,例如沒有資訊空白的頁面,就應該引導使用者到可以發現資訊的頁面,不要停止體驗在這個頁面。 於是Design Principle就不只是元件的一致,而且有頁面類型的一致性,將來若是有新增的頁面,有這份設計準則,設計師自己、或是交接的設計師也不會把類似的頁面而做出不一致的頁面出來。 ►推薦課程:App開發趨勢與應用、APP上架實務、iOS APP開發設計、Android APP開發設計 不只是建立頁面的關聯性,更是建立自己工作與知識的關聯性 下次碰到類似的專案時,請先不要埋頭苦幹辛苦的刻GUI Dont Work Hard, Work Smart. 簡化你的任務,找出頁面在使用者哪個階段,與使用者的關聯性是什麼。 理解使用者所在的階段後,再來設定設計要達到的目標。 知道每個種類的目標之後,再進行頁面視覺設計。 其實這個思考邏輯和我上一篇文章是一樣的,有興趣可以參考這篇設計思考怎麼改變世界。 重要的不是知識,重要的是怎麼運用知識到工作當中,甚至,從工作當中整理出屬於自己的知識。 文章轉載自「medium」,已取得作者授權同意,原文為:從使用者到APP頁面設計準則 痞客邦Blog:http://lccnetvip.pixnet.net/blog FB粉絲團:https://www.facebook.com/lccnetzone 菜鳥救星:https://www.facebook.com/greensn0w
文:IKEA編 圖:宅毅客_魔菇部落APP /學員汪承榮提供 專訪彰化學員汪承榮 培訓課程:遊戲美術人才培訓專班 推薦課程:遊戲美術設計師、2D美術設計 自覺學習 奠定參賽基礎 就讀中州科大多媒體遊戲系的承榮,大二時,開始懷疑學校所上的課程,會不會與業界需要的水準落差很大,為了能培養業界水準的實力,決心開始進修有關遊戲設計的相關課程,剛到聯成電腦學習時,老師的教學內容,著實令他大開眼界,使自己有奮發向上,努力學習的想法,也因此奠定下扎實的基礎。 圖說:宅毅客_魔菇部落APP (2D場景平面圖)/學員汪承榮提供 3D製作啟發靈感 挑戰魂爆發! 2017綠遊農場智慧導覽遊程創意競賽,屬於全國競賽,除了能磨練實力外,比賽獎項也十分豐厚,系上同學們幾乎都組隊參賽。隨著老師的規定,每周各組皆需上台報告製作進度,很早就已完成作品的承榮,原先只差上架,但在某次報告分享中,發現有同學的作品是以3D方式呈現,驚艷的同時也勾起製作3D的靈感『我想挑戰看看,而且感覺這也比較符合我們系的宗旨!』 最終比賽結果;組別『宅毅客』以無人導覽、3D擬真、AR擴增實境等特點,一舉奪下「行動APP遊程組」第三名! 圖說:宅毅客_魔菇部落APP (3D場景上視圖)/學員汪承榮提供 ►其他推薦課程:Unity 3D跨平台遊戲製作、Android APP開發設計、C#遊戲程式設計 比賽激發團隊成長 作品會『做』也要會「說」 『當隊長是很辛苦的,你不能挑自己不會做的給隊員,自己也要清楚流程、格式、順序等,而且在分工上也需一清二楚』擔任隊長的承榮可以說是此次的美術擔當,與負責程式的同學相互配合,從中也發現任憑有天馬行空的想法,終歸需要思考實際面『程式寫得出來嗎?這做得出來嗎?』在這一來一往的溝通磨合中,隊員間著實成長不少。而隨著製作完成,評選的過程其實也是另種挑戰,展現成果的同時,每位參賽者也要學會表達自己的作品;包含理念、特色、優勢等等,既要能符合市場又需打動評審,這都是需要一步步磨練出來的! 圖說/宅毅客_魔菇部落APP(導覽示意圖)/學員汪承榮提供 站在巨人的肩膀上 成長來自於請教 『老師的話要聽!』承榮說聯成的老師大多來自於業界,很多的經驗談都是對實務上十分有幫助的!在這次比賽中也向教授3dsMax的鄧禮銘老師請益,順利將場景建築的線條降低,讓畫面在跑的時候變得十分順暢,也學習如何將物件一體成形、如何使用UV貼圖、如何製作3D人物等等。因此最後特別想感謝鄧禮銘老師、章朝南老師,陳勝豐老師、彰化分校小白老師,謝謝你們!總是不吝對學生付出滿滿的熱忱與指導! 圖說:宅毅客_魔菇部落APP (AR掃描說明)/學員汪承榮提供 『認真努力,一定會有成果』 整段訪談的過程裡,感覺得出來承榮在比賽投注滿滿的熱情,不論是對作品或是自己的努力,言談間都充滿著自信,在全國競賽的初期,有先進行業者內部的評選,『宅毅客』因符合市場趨勢等特點,廣受業界好評並獲選為第一名,但他也透露其中有組參賽同學作品十分優秀,卻因初選時沒有獲得名次,沮喪下就放棄全國競賽,讓他覺得非常可惜『認真努力,一定會有成果』這種成果不見得是比賽的獎項或名次,而是努力後的自我成長,以及那些無法取代的寶貴經歷。 圖說:宅毅客_魔菇部落APP (問答操作說明)/學員汪承榮提供 痞客邦Blog:http://lccnetvip.pixnet.net/blog FB粉絲團:https://www.facebook.com/lccnetzone 菜鳥救星:https://www.facebook.com/greensn0w
文、An Ping 產品經理作為項目的核心人物,更需要把握好其中的流程規劃。在 app 研發過程中離不開以下幾個成員:產品經理、UI / UX 設計師、iOS / Android 開發工程師、測試工程師等。 ► 推薦課程:Android APP開發設計、iOS APP開發設計 今天,我就依經驗來說 app 產品流程的五步驟: 1、尋找痛點、產品存在的目的 我們需要通過敏銳的市場嗅覺,找到用戶的痛點及用戶有強烈的需求,在市場、競爭對手上還沒有出現或還不完整的功能需求。 ●利用公司用戶反饋,用戶調研,後台使用數據,不要直接依據反饋開發功能,而是弄清楚需求背後的動機,及考慮用戶是否真的需要此類功能 ● 來自平常生活中的細微觀察及過去規劃的經驗,保持敏銳度,任何生活中的不便或美好都是需求的來源 2、app 實現 產品實現是否順利,取決於對產品規劃是否詳細、是否考慮較周全、及過去經驗,當這都擁有,就是一個好的開始。 ●討論需要開發的平台、產品功能的需求、設計需求、項目期望完成時間、開發預算,在輸出交互方案後找相應的開發討論需求方案是否可行,包括功能需求技術難度、評估設計需求可行性與體驗評估、項目預期完成時間、實際開發費用 ●如果是重新打造產品的話,在開發過程中就應該開始進行測試,針對模組化 UI 進行單元測試等等,這樣可以在盡早發現 BUG 及 UX 的調整,這樣可以讓產品在預估時間內完成 3、市場分析 我們要通過市場分析,對比競爭對手的情況,得出我們自身的競爭優勢、競爭劣勢、存在機會和潛在威脅 ●進行產品定位,根據 app 產品與自己的競爭對手在產品類型方面存在的差異,來確定該產品的市場位置 4、商品模式 我們所有的努力都是為了讓 app 替公司帶來利潤。因此,合理化利用一切資源,將 app 最大利潤效益化。 以一個銷售服務的公司來說,利用 app 提升用戶忠誠度、提升使用時間及提升公司形象,將是 app 的商品模式。公司可以在 app 販售廣告並,像 facebook、instagram app 來說是都是。 5、行銷推廣 現在有很多品牌在嘗試產品上市前的前導宣傳,效果也很好,這取決於產品是否具有足夠的獨特性,能夠讓消費者在還沒見到實品前就開始關注。 在各大應用網站、自媒體上進行推廣是 app 最常用的方法。現在像 Instagram、taobao 淘寶、YouTube 等,都會發佈 app 的設計理念。 文章轉載自「medium」,已取得作者授權同意,原文為:掌握這5步實戰經驗分享,就做好app產品規劃流程 痞客邦Blog:http://lccnetvip.pixnet.net/blog FB粉絲團:https://www.facebook.com/lccnetzone 菜鳥救星:https://www.facebook.com/greensn0w
聯成電腦將與TutorABC線上英語家教合作推出名人線上講堂,三月份由簡志璁老師與大家介紹APP程式設計。老師將解說APP程式設計如何應用,在人手一機的時代,該如何讓你的APP產品脫穎而出?分享業界專業實務經驗,讓大家跟著老師一起了解手上的APP設計! 現在就來免費報名名人線上講堂,了解產業趨勢!►我要報名 報名並出席線上講堂還有機會抽中聯成電腦線上學習卡喔! 痞客邦Blog:http://lccnetvip.pixnet.net/blog FB粉絲團:https://www.facebook.com/lccnetzone 菜鳥救星:https://www.facebook.com/greensn0w
文/圖:菜鳥編 相信前陣子的變臉APP大家一定玩得不亦樂乎,也在社群上造成迴響。而近期,微軟開發了一個機器人服務Murphy。平台目前只針對明星部分做惡搞,才剛推出就造成全球大轟動,超多好笑的圖片也在社群上被轉貼,可見大家有多了喜歡惡作劇。 其實這也不是微軟第一次開發的聊天機器人,在今年三月也曾推出一款機器人Tay,不過上限一天就暫停使用。也曾發表一款可自動判別上傳者圖片的年紀平台HowOldRobot。這次大家就來嘗鮮一下最新的機器人吧。 使用方式很簡單,只要透過「What if A is B 」(假如A是B),A與B則是你想要變化的明星名字,目前只支援英文,你打中文它可是不會理你的喔。如下圖,你可以透過Skype、Messenger、Telegram、Kik、Slack來與機器人對談。 鳥編這邊就使用Messenger來做示範,輸入了「What if Einstein is Confucius」 接著就出現以下照片喔,使用了Einstein經典的吐舌頭照,是不是相當搞笑啊! 製作出來的搞怪圖,還可立即分享給你的朋友。 在對話視窗中,Murphy也告訴你如果對照片不滿意,可以輸入more就可以看到更多的搞怪圖片。 雖然這平台有些照片合成並不是相當貼合,但比竟是搞怪用的,大家可以去玩玩看喔。 痞客邦Blog:http://lccnetvip.pixnet.net/blog FB粉絲團:https://www.facebook.com/lccnetzone 菜鳥救星:https://www.facebook.com/greensn0w
🆓文生圖Bing Image Creator教學
今年最火紅的AI究竟能做到什麼呢?能讓所有人實現幻想的即是「文生圖」,不管您是誰,那怕從來沒認真拿筆畫圖過的人,都可以產生漂亮的作品,是不是相當的讓人期待!
本網站使用相關網站技術以確保使用者獲得最佳體驗,通過使用我們的網站,您確認並同意本網站的隱私權政策。欲了解詳情,請參閱 隱私權政策。