104學習精靈

使用者介面

使用者介面
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
關於教室
關注人數 0 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
關於教室
關注人數 0 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
Hi~ 歡迎分享學習資源,有學習問題可匿名向Giver發問!
我要分享
我要提問

使用者介面 學習推薦

全部
影片
文章

不知如何開始嗎? 先進行技能挑戰吧~

技能挑戰:初級
目前等級:未達初級
0 人已通過「初級」測驗,通過率0%,和學習精靈一起探索知識、增強能力!
我要挑戰
巨匠電腦 豐原分校

巨匠電腦 豐原分校

2023/10/16

最佳化專案成功: UI設計師與開發人員的協作之道
在現代的應用程式和網站開發過程中,UI設計師和開發人員之間的有效協作至關重要。他們共同努力,才能創造出令使用者滿意的使用者介面和優質的使用者體驗。以下是一些方法,可以幫助UI設計師與開發人員建立默契,實現協作的順暢進行。
1. 充分溝通與共享設計資源
UI設計師與開發人員應保持密切的溝通。設計師應向開發人員提供詳細的設計規格、原型和圖形資源,以確保設計的實作符合預期。
2. 提前介入,共同討論
最好在專案早期就讓設計師與開發人員共同參與討論,共同探討需求、功能和技術限制,以確保設計能更好地適應實際開發流程。
3. 使用協作工具
利用協作工具,如Figma、Sketch、InVision等,可以讓設計師和開發人員更輕鬆地分享設計文件和提供回饋,提高協作效率。
4. 了解開發流程
設計師應了解前端和後端開發的技術要求,以便制定更實際的設計,避免不切實際的要求,使設計更容易實施。
5. 遵循UI指南和最佳實踐
設計師應創建符合UI指南和最佳實踐的設計,以便開發人員可以更輕鬆地將其實施到程式碼中,確保一致性和可維護性。
6. 接受回饋並進行修改
設計和開發是一個迭代的過程。設計師和開發人員應該準備好接受回饋,並進行必要的修改,以確保最終的使用者介面是高品質的。
7. 共同測試與驗證
設計師和開發人員應一起測試和驗證使用者介面,發現和解決任何問題,以確保最終產品的品質。
8. 尊重專業領域
設計師和開發人員應相互尊重彼此的專業知識領域,共同為專案的成功而努力。
9. 持續學習與改進
UI設計師和開發人員可以相互分享知識和技能,不斷學習新的技術和方法,促進跨職能團隊的合作。
透過上述有效的協作方法,UI設計師與開發人員可以共同創造出令人滿意的使用者介面,為使用者提供優質的體驗。
0 0 528 0

熱門精選

104學習精靈

產品

05/31 20:02

【購買指定課程】買就送200元Line Points點數
活動名稱:【購買指定課程】買就送200元Line Points點數
活動期間:2024/6/5 11:00- 2024/7/2 23:59
活動說明:活動期間於104課程中心付費購買「指定課程」,即可獲贈200元Line Points點數回饋。(不累送,單帳號僅有乙次贈送資格,限量100名)
【指定課程如下】
🟣NEW TOEIC 新多益線上高分速成班
🟣GA4+GTM網站數據分析實戰課
🟣SEO搜尋引擎優化七大密技|攻上頂端排名寶座
🟣微軟 Azure|通關 AZ-104 認證攻略,邁向雲端 IT 管理之路
🟣Power BI 零基礎實戰 | 培養商務數據分析力
🟣告別新手村FB與IG廣告投放攻略|AI助你輕鬆提高廣告效率
🟣Jen 的一分鐘英文短講會話術
🟣Jumbo 的多益單字獨門記憶法
🟣PyTorch生成模型全解析|從生成式對抗網路到擴散模型
🟣超熙利!一門課搞定你的英文履歷面試
🟣(最新版.NET 6)ASP.NET Core MVC 無痛快速上手
🟣上班族開會英語線上實戰班
【活動注意事項】
1. 獲贈資格須符合下列說明:
(a)指定課程購買者必須於104課程中心系統完成付費紀錄。( 特別提醒:於TibaMe 官網線上消費之購買者,不適用於本次活動資格。)
(b)訂單成立且完成付款時間皆須於2024年7月2日23:59前,並於7天內完成課程兌換,始符合獲贈點數回饋的資格;最後獲贈者將公告於本活動網站,中間姓名會隱藏。
(d)限量100名之回饋名額,採上述依照訂單完成消費付款之前100名,符合上述資格的前100名會員,單帳號僅有乙次贈送資格,因點數作業時間,您的回饋點數最晚將於2024/7/31-2024/8/10前寄送至您購買時填寫的e-mail電子郵件信箱。
2.本次贈送的200元Line Points點數,點數發送後請於規範時間內完成兌換,點數兌換後於180天內須使用完畢,逾期失效。
3.如您有任何問題,歡迎來信nabiservice@104.com.tw
4.104課程中心保有最終修改、變更、活動解釋及取消本活動之權利。
- - - - - - - - - - - - - - - - - - - - - - - - -- - - - - - - - - - - - - - - - - - - - - - - - - -
【主活動】職場先修班
【其他活動】職場先修班開跑了!【緯育TibaMe】限時全館 86折折扣碼
【其他活動】【購買指定課程】買就送100元Line Points點數
0 0 3989 1
學習精靈

06/25 00:00

117 2
Kinny

產品設計師

2022/04/18

[嚼舌]產品設計師進化論3-UIUX設計師如何成為產品設計師
上一篇講到了UI/UX設計師與產品設計師的不同之處,但若現在你已經是一位UI/UX設計師了,要學習哪些技能才足以擔任起產品設計師的工作呢?以下節錄四大必備硬技能,快來看看~
1.使用者中心設計
產品使用與介面設計息息相關,不能用自己的思維去設計,要去了解如何從使用者的角度出發來進行規劃與思考並引導產品、系統、服務的設計與開發。一個標準的流程大致包含定義使用的情境、定義產品需求、設計解決方案、以及評估設計成果,另外再加上前期使用者需求調查和後續的使用者滿意度評估。
白話一點來說,一個功能要開發前,要去了解這個功能對使用者是否有價值,能真正解決他們的痛點嗎?在產品服務中什麼情境、又是基於何種考量去使用這個功能?再者,設計出來的解決方案是如何讓使用者看到並且使用達到預期目的?最後,如何得到驗證,評估的標準為何,使用者實際使用後的感受為何?
2,資訊架構與操作流程設計
如何將眾多的功能適時的分類、配置,並保留未來的功能擴充性,就很仰賴資訊架構的能力。例如一個app經過需求盤點後大致有6項大功能、9項子功能,那首頁應該怎麼設計?功能相近的功能是否應該放在一起,還是依據使用流程來配置?如果未來繼續加功能,目前的架構是否可以滿足等等。
操作流程是指在首頁賦予任何的任務,都可以經過操作後抵達目的頁;包含功能的可逆性(取消、返回、刪除),以及各種的極端值、錯誤狀態。設計第ㄧ個版本後,可以再思考是否有更短路徑、或更方便操作的動線,以此優化、迭代。
3.數據驅動設計
產品開發大多是帶者假設、然後上線要獲取驗證的過程,我們無法百分百保證新功能就是使用者心中所希望的、使用者會按照我們預想中的流程去操作;所以上線後必須要隨時觀測使用情況的數據,並以此為基準去解讀數據、洞察問題、提出假設、進行設計解決方案、再經過上線驗證。
常見的數據分析工具是GA (google analytics),市面上也有很多關於此工具的教學;一般來說主要觀測的是頁面流量、留存率、跳出率、點擊率、某功能的轉換率、頁面使用排名與流程、使用者裝置佔比、其他使用行為洞察等等。產品設計師們不一定要自己「會看」,也可以詢問PM你想知道的數據,再由PM提供給你;若你真的很好奇但是不好意思一直問PM,還是建議請PM幫你開通使用權限,自己玩玩看會發現更多有趣的現象喔!
4.統整需求與提案、說服能力
最後一點但認為是非常重要的一點,單靠產品設計師一人是無法將專案推上線的!必須跟產品企劃(PM)一起獲得決策者們的認同,可能還需獲得行銷單位、廣告單位、前、後端工程單位的支持,產品才有可能順利進行開發。
所以設計師必須將自己的發現整理成他人可以看得懂的內容、將設計方案呈現的讓人一眼就明白、或是透過prototype讓大家更好理解整個操作流程;簡報也盡可能納入有說服力的內容,例如搜集使用者的聲音、進行原型測試、或是整理內部單位相似的需求、大環境或競業的分析與趨勢、前一版本的使用數據與解讀...只要可以「佐證」你的設計,都可以整理進你的提案中,成為一個很好的推力。
以上,4大必備硬技能介紹到這兒,下篇聊聊軟實力~~
延伸閱讀:
[嚼舌]產品設計師進化論1-平面設計師如何成為UIUX設計師
[嚼舌]產品設計師進化論2-UI/UX設計師與產品設計師差別
6 0 714 3
學習精靈

06/13 00:00

47 2

推薦給你

104學習精靈

產品

1小時前

Nvidia 成為全球最有價值的公司 - 學習10個英語單字和片語 - 歷史新高、市值、迅速崛起、成為焦點英文
在這篇文章中,我們將探討Nvidia這家全球最有價值公司的成功故事,並從中挑選出10個值得學習的英語單字和片語,這些單字和片語不僅能增強你的英語詞彙量,還能幫助你在閱讀科技新聞時更好地理解內容。
1. All-time high
- 中文解釋:歷史新高
- 英文用法:The company's stock price reached an all-time high on Tuesday.
2. Market cap (Market Capitalization)
- 中文解釋:市值
- 英文用法:Nvidia's market cap is now worth $3.34tn.
3. Meteoric rise
- 中文解釋:迅速崛起
- 英文用法:The company's meteoric rise has been fueled by its dominance in AI chips.
4. Front and center
- 中文解釋:成為焦點
- 英文用法:The race to $4 trillion market cap in tech will be front and center between Nvidia, Apple, and Microsoft.
5. Boom
- 中文解釋:繁榮,激增
- 英文用法:Nvidia has benefited from a boom in demand for chips that train and run generative AI models.
6. High profile
- 中文解釋:高調,知名度高
- 英文用法:The rise of the tech giant has been mirrored by the increasingly high profile of its boss, Jensen Huang.
7. Fierce competition
- 中文解釋:激烈的競爭
- 英文用法:Competition among AI developers is fierce, benefiting Nvidia.
8. Cleared a high hurdle
- 中文解釋:跨過高門檻,達到高標準
- 英文用法:The company had once again cleared a very high hurdle with its latest financial results.
9. Monetize
- 中文解釋:變現
- 英文用法:Analysts questioned how Nvidia’s customers would monetize AI software.
10. Dominance
- 中文解釋:主導地位
- 英文用法:Nvidia's dominance in the AI chip market has been a key factor in its growth.
0 0 31 0
你可能感興趣的教室