Create
Notifications
Profile
Pin
More
More
Back
wtffatson's profile picture

首先想講: 九巴竟然係Thread話「好多人唔知icon咩意思」 如果你嘅設計冇辦法傳達訊息,咁係你嘅設計問題

九巴App咁令人困擾其實係有原因 係UI嘅處理上非常有進步空間

[圖1]原圖(分析在留言區) [圖2]我修改過嘅UI 採用嘅Icon以及顏色處理上會更加直觀 (uiux個人淺見,歡迎交流指教)

Photo by 薯條炸雞 on September 03, 2024. 可能是包含下列内容的图片:‎雷达、计时器和‎上面的文字是“‎11. 1.屯門公路轉車站 (B6) 車資: 車資:$9.2 $9.2 12. 2.屯門公路轉車站 (B3) 車資: 車資:$9.2 $9.2 1分鐘 1 分鐘 目 轉乘路線 جع 出目 目 出日 I 目 15 分鐘 29分鐘 29 分鐘‎”‎‎.
Photo by 薯條炸雞 on September 03, 2024. 可能是包含下列内容的图片:文字.
Like
821
Comment
72
Repost
28
Share
40
wtffatson's profile picture
[Why is it bad bad] 最核心嘅缺點就係UI當中嘅Icon Icon意思含糊,難以聯想到想傳達嘅意思例如一般人見到嘅「溫度計icon」 到底巴士同溫度計/間尺有啲咩聯繫? 另外塊「四葉草」係乜?巴士有四葉草係咪代表準時到站需要運氣?其次就係缺乏顏色上嘅處理 Icon只有灰階,加上排版比較擠擁,排列邏輯比較模糊,導致認知負荷過高
Like
226
Comment
Repost
Share
1
hkbus.app's profile picture
可以請你都指點下我應該點改好我自己添? 我呢啲 open source project 都係靠眾志成城咁做 就係一直係 UIUX 方便做得未夠好
Like
100
Comment
5
Repost
Share
mellllllllllllll.l's profile picture
認Icon 對一般user 黎講都算易learn,屬於教一次就明既嘢。 Game UI 咁多符號點解玩家又認到?一來會考慮社會對圖型既認知(你係留言解釋左),二來多數都容易搵得返文字解釋,而九巴app (我印象中)係冇解釋過圖型係咩意思😂 最重要係九巴app,於公司同用戶既定位都好唔同!!用戶想要追車、搵路線、搵站location,九巴公司要💰搵錢💰!開app 即prompt AD(即使係幾咁unrelated 同令人反感既時機),係旁邊唔知做乜有d 生活廣告??玩unrelated 小遊戲賺分??🤷🏿‍♀️🤷🏿‍♀️🤷🏿‍♀️ 個問題唔係難用咁簡單,係再深層次d ,由定位到動機都需要改善⋯
Like
5
Comment
1
Repost
Share
wtffatson's profile picture
講得好 花時間搞埋曬啲side project 不如做翻好啲核心野
Like
1
Comment
Repost
Share
iamatorgipper's profile picture
如果載客量換做巴士icon(一樣用「水位」表示)呢?
Like
1
Comment
1
Repost
Share
wtffatson's profile picture
都係一個可行嘅創意做法~👍
Like
Comment
Repost
Share
wtn.life's profile picture
我一直都睇唔明個間尺同塊葉係乜意思,睇完樓主個ui終於明 我都覺得佢本身個設計太差
Like
2
Comment
Repost
Share
ats10802's profile picture
Iirc, 👨‍🦼² means the bus have 2 wheelchair space
Like
1
Comment
Repost
Share
timmy._.lee's profile picture
其實九巴app最黑人憎係佢啲廣告🙄 佢只要減咁啲廣告已好好多 不過我真係同意佢實在太多花巧嘢 而家嗰塊太陽能葉對於我嚟講大概會佔到架巴士咩型號 (不過有時我自己都會估錯,而且作用唔大)但係睇你隔離咁樣改,用返適當嘅color logic+symbol,用人頭嘅數量同埋顏色去表示返巴士嘅擠迫程度,用太陽同埋舊電去顯示返呢一架係太陽能巴士,可以有額外積分真係會畀人個觀感好好多,更可以令到個用家好快速咁樣知道架車爆成點至於個輪椅logo就唔好搞咁多嘢喇 (不過我記得以前係有顯示單輪椅位,應該係隨著全港巴士全面低地台化之後冇咗呢個logo) Show 雙輪椅位出嚟叫做畀輪椅人士知道呢架車可能會比較容易上車 (因為有多一個位)Btw 我嗰部samsung機嗰塊草係灰色不過點搞都好,千祈唔好學得澳門咁顯示車牌🤡 保證會出事😂
Like
4
Comment
Repost
Share
aaa839's profile picture
圖一個個Day1 見到已經覺係咪咳藥水樽 想表達啲咩? 架車油缸仲有幾多油? 連Icongraphy 都做唔到Message deliver嘅時候係咪應該諗諗點改善。咁Confusing嘅icon真係只得designer打飛機?
Like
12
Comment
Repost
Share
daniel_tang_hk's profile picture
感覺用得太多顏色了,其實見九巴個App就知佢係用品牌主色紅色,嗰塊葉只係為咗被識別到先轉綠色吧。同埋其實嗰個係「量杯」logo代表滿唔滿吧…..
Like
17
Comment
1
Repost
Share
wtffatson's profile picture
的確顏色未考慮得足夠透徹 (當時用左約半個鐘修改左啲基本組成) 但塊葉同量杯黎講 如果普遍人冇辦法直接解讀到icon嘅意思 就代表違背左大眾嘅「心理模型」 即係大部分人對於特定形狀或者顏色嘅「觀感同意味」有固有嘅印象 「☘️塊葉」👉幸運/有植物 「量杯」👉量度/溫度 兩者都無法表達本來要傳達嘅意思
Like
23
Comment
1
Repost
1
Share
1
daniel_tang_hk's profile picture
其實用葉代表環保唔難明,係唔知點解用三葉草啫。至於量杯我個人黎講係明😂其他人就唔知了
Like
1
Comment
Repost
Share
official_rk2022's profile picture
真 設計得好嘅軟件 根本唔需要有說明書
Like
3
Comment
Repost
Share
_kwinggg's profile picture
順眼好多,平時啲字、icon樣樣勁大 廣告更大 PS.本身真係唔知把間尺做乜
Like
1
Comment
Repost
Share
designwk_'s profile picture
諗起佢啲廣告都頭痛 仲要好多嘢都放到勁大 超多個tab 都唔知係咪真係有人用 我諗我唔小心撳到啲廣告次數仲多🥲 被ux嚴重拖累
Like
1
Comment
Repost
Share
alvin_0w0_chan's profile picture
個廣告仲大過icon...
Like
1
Comment
Repost
Share
puipui.lily's profile picture
比我嘅話直頭將太陽能del埋佢 唔太明畀user知有咩用 定有人唔係太陽能唔搭💀💀?
Like
109
Comment
4
Repost
Share
1
thisistheplaceapp's profile picture
我係咁設計
其實我都有呢個功能,但是係新加坡巴士啊!香港冇API畀第三方app用啊以及個設計,新加坡係噉樣嘅新加坡巴士載客量指示: - 有位(椅) - 有充足企位(黃色小人) - 企位緊張(紅色小人)新加坡巴士單雙層指示,如圖中所現所有新加坡巴士都support輪椅,喺17 October 2019開始:landtransportguru.net/wheel…九巴學嘢
kmbhongkong: 話説九巴仔最近發現原來仲有好多人唔知App1933入面嘅icon代表緊咩……… 今日一於一次過解答大家嘅疑問🔎🔍快啲share出去話俾身邊嘅friends知啦! 由左至右: ♿雙輪椅 - 識別設有雙輪椅泊位設計嘅巴士 📏載客量 - 巴士載客量資訊 ☘️三葉草 - 識別太陽能巴士
Like
49
Comment
3
Repost
1
Share
canadian_wai_'s profile picture
得罪講句,我覺得你改個個版本無話好左好多😶
Like
24
Comment
1
Repost
Share
wtffatson's profile picture
唔會得罪~ 但係請指教下👍?
Like
1
Comment
1
Repost
Share
canadian_wai_'s profile picture
我覺得用UserGroup(應該係呢個icon name?)呢個公仔唔直觀,再加上本身呢個icon 都唔係代表呢樣野。其實我地依家嘅認知都係因為你話緊九巴本身design唔好先知呢個位代表咩,如果唔解釋其實都係睇唔明呢個代表咩。如果個段時間只有一個狀態(例如少人)得一個人頭公仔,仲更加唔知做咩,九巴個個起碼知道係scale of something 太陽能個個位用左個icon係for滿電,又反而令我認為係個scale ,更加混亂左 九巴個個解釋完起碼我知道50%滿係點樣,你用一個無咩標準嘅icon反而令我唔知幾時係滿,下次睇原來又有兩人版係中間,咁究竟係1-3人頭仔,定可能再滿啲又會有個4個5個人頭仔(因為呢個icon都事實存在) 唔好講指教嘅,我用我第一眼睇嘅角度比少少意見姐
Like
4
Comment
1
Repost
Share
wtffatson's profile picture
Icon對於唔同人嘅意義唔係絕對嘅 你呢個解讀其實合理 但你嘅立意係: 原版好啲or 兩個版本都係差? . 咁… 用咩會再好啲呢?🤔
Like
Comment
1
Repost
Share
canadian_wai_'s profile picture
兩個都有改善空間,我都唔會話九巴個個好好,但係唔見得你個個改善左好多野 首先太陽能由四葉草改做太陽我覺得係好,差在icon嘅充電可以改善 例如⚡️呢種?防止人地誤會為scale 不過當然靚唔靚呢啲又要搵designer設計 老實講最直觀嘅做法真係加legends or click一下pop up意思,不過你話佢地仲應該無budget(睇到你其他留言)但係其實我唔知要幾時budget,比我做應該一日man day搞完(PM唔好睇到我呢句) 如果用你個個樣+pop up可以直頭顏色都唔洗(顏色呢啲位對色盲嘅用家唔太好,特別係我地好難估計佢睇唔清啲咩色)諗緊icon由solid變outline會唔會易睇啲
Like
Comment
Repost
Share
phii.852's profile picture
九巴app令人困擾嘅問題核心仍然係全版廣告嚴重拖累UX UI幾好都冇用
Like
293
Comment
1
Repost
1
Share
wtffatson's profile picture
其實係,開黎睇車趕時間 屌佢彈廣告 佢老味
Like
180
Comment
2
Repost
Share
1
suett.lsy's profile picture
所以四葉草到底係咩意思?同把尺
Like
Comment
1
Repost
Share
wtffatson's profile picture
如果你睇唔明…代表佢唔應該用/我用得都唔夠好🫡 四葉:太陽能巴士 尺:載客量多/少
Like
Comment
Repost
Share
sherman_ckm's profile picture
把尺colourful會清晰好多 你隻橙色人仔喊得好淒涼?
Like
1
Comment
1
Repost
Share
wtffatson's profile picture
係 因為要翻工🗿 講笑啫 係我選嘅人仔唔夠好 另外有考慮過把尺有色 但再考慮多一步 會唔會有更多人誤會佢係講緊巴士內溫度 不過都可以一試嘅,呢個就係要a/b test嘅時候 🌡️
Like
1
Comment
Repost
Share
princeradar's profile picture
citymapper真心user friendly
Like
Comment
Repost
Share
ltcaura's profile picture
請問之後仲會唔會出類似嘅threads?
Like
Comment
1
Repost
Share
wtffatson's profile picture
唔肯定🫨 我只係興趣使然 如果你想睇uiux資訊嘅話 Thread都可以search到好多固定更新嘅UIUX主題account😬👍
Like
1
Comment
Repost
Share
sayhosgstory's profile picture
太陽能係最無用,都唔建議改電芯icon誤會有得差電
Like
2
Comment
1
Repost
Share
wtffatson's profile picture
我稍微research過,似乎太陽能巴士都係有得USB充電?🤔 利申 唔太熟巴士
Like
Comment
Repost
Share
sap8aat's profile picture
Like
Comment
Repost
Share
Log in to see more replies.