首頁

大屏ui設(shè)計(jì)系列之三:某地區(qū)地鐵1號線大屏幕控制中心應(yīng)用案例

藍(lán)藍(lán)設(shè)計(jì)的小編

2.jpg

相關(guān)負(fù)責(zé)人介紹,大屏幕最上方一個(gè)個(gè)顯示著列車、車站景象的小窗口是1號線各個(gè)站點(diǎn)的實(shí)時(shí)監(jiān)控圖像,可以清晰看見地鐵內(nèi)發(fā)生的情況。下面有著紫色綠色條紋的一幅幅圖像就是地鐵的信號系統(tǒng),哪輛車行到哪里,間隔多少,是否有情況需要停車……這里一目了然,調(diào)度人員就是在同步的電腦屏幕上進(jìn)行調(diào)度,保證地鐵正常運(yùn)營。最下面的是供電系統(tǒng),停電、變電、送電等操作都在這上面完成。

(藍(lán)藍(lán)注:轉(zhuǎn)載這篇文章,是為了讓設(shè)計(jì)師和產(chǎn)品經(jīng)理們了解到客戶平時(shí)的業(yè)務(wù)和工作方法)

大屏ui設(shè)計(jì)系列之二:大屏數(shù)據(jù)可視化設(shè)計(jì)項(xiàng)目心得

藍(lán)藍(lán)設(shè)計(jì)的小編

藍(lán)藍(lán)設(shè)計(jì)經(jīng)常會接到大屏設(shè)計(jì)的項(xiàng)目,比如中國移動互聯(lián)網(wǎng)監(jiān)控大屏可視化設(shè)計(jì)及開發(fā)、太極集團(tuán)承接的中央臺應(yīng)急指揮中心大屏可視化設(shè)計(jì)、交大思源承接的北京地鐵軌道批揮中心大屏可視化設(shè)計(jì)、數(shù)碼視訊展廳大屏可視化設(shè)計(jì),在積累了一定經(jīng)驗(yàn)的同時(shí),也在不斷的學(xué)習(xí)和豐富關(guān)于大屏設(shè)計(jì)的特點(diǎn)及數(shù)據(jù)可視化的表達(dá)方式。

1.面積巨大——用戶站遠(yuǎn)才能看全內(nèi)容(所以字也不能設(shè)計(jì)很?。?。
2.深色背景——緊張感強(qiáng),讓視覺更好的聚焦,省電。
3.不可操作——大屏主要用來給來賓觀看的。來賓一般不會直接操作大屏。
4.空間局限——大屏不像網(wǎng)頁有滾動條,它的長寬都是固定的。
5.單獨(dú)主題——每塊大屏都有具體想給來賓表達(dá)某個(gè)主題

知道了這些,如果我們遇到一個(gè)具體的大屏項(xiàng)目,要怎么來設(shè)計(jì)呢?

大屏UI設(shè)計(jì)系列之一:與太極合作,設(shè)計(jì)中國國家應(yīng)急廣播大屏預(yù)警系統(tǒng) 界面設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

今天上午參觀了太極上周剛搬的新家,5000多人的新辦公樓群,不知不覺聊到12:43,匆匆離去。聽到我們參與的項(xiàng)目要評國家科技進(jìn)步一等獎,聽到設(shè)計(jì)界面得到多方全國范圍內(nèi)的認(rèn)可,聽到客戶贊比同行業(yè)設(shè)計(jì)公司做的好,聽到客戶由項(xiàng)目經(jīng)理升總監(jiān),還是蠻開心的。作為外包方,我們是弱勢群體,有時(shí)候覺得很辛酸,這個(gè)客戶沒有用高人一等的優(yōu)越感和我們交流,而是用卓越的交流方式讓我們感受到這件事的價(jià)值和意義,被尊重,我們也回報(bào)以高優(yōu)先級,卓越的作品,不惜加班加點(diǎn)去工作。

這次,還有之前幾次和客戶、朋友的交流讓我非常受益,感受到不同的人做事,換位思考,打動人心說話的方式,項(xiàng)目管理方式,視野的廣闊性和方法,教我許多。信息量太大,恨不得記下來。


大屏設(shè)計(jì)系列之六:有"屏"有據(jù),阿里雙11大屏是怎樣煉成的

藍(lán)藍(lán)設(shè)計(jì)的小編

今天主要是和大家分享一下阿里云數(shù)據(jù)可視化展示平臺的搭建過程,我會盡量將整個(gè)過程本真的還原出來,幫助準(zhǔn)備自己搭建平臺的小伙伴們掃除一些障礙。

我們這個(gè)平臺是用來搭建大屏的。什么是大屏?大屏是我們集團(tuán)內(nèi)部對于數(shù)據(jù)可視化的數(shù)據(jù)大屏的一個(gè)簡稱,目前我們集團(tuán)有三種大屏,第一種是觸摸式大屏,它的最大特點(diǎn)是能夠展示全量的數(shù)據(jù),一般來說這種大屏都會帶有互動。

第二種大屏是數(shù)據(jù)大屏,也是我們的雙十一大屏,它的特性是展示性非常強(qiáng),能夠讓大家快速的了解到大屏背后講述的故事。

第三種大屏是數(shù)據(jù)產(chǎn)品類型,這種大屏的圖表都非常簡單易懂,基本上就是折線、餅圖等等這一類的圖表,對展示性的需求也不是特別的高,主要目的是讓商家快速讀懂圖表的意思。

大屏設(shè)計(jì)系列之四:大數(shù)據(jù)可視化設(shè)計(jì),故事+數(shù)據(jù)+設(shè)計(jì) =可視化

藍(lán)藍(lán)設(shè)計(jì)的小編

大數(shù)據(jù)可視化是個(gè)熱門話題,在信息安全領(lǐng)域,也由于很多企業(yè)希望將大數(shù)據(jù)轉(zhuǎn)化為信息可視化呈現(xiàn)的各種形式,以便獲得更深的洞察力、更好的決策力以及更強(qiáng)的自動化處理能力,數(shù)據(jù)可視化已經(jīng)成為網(wǎng)絡(luò)安全技術(shù)的一個(gè)重要趨勢。

總之,借助大數(shù)據(jù)網(wǎng)絡(luò)安全的可視化設(shè)計(jì),人們能夠更加智能地洞悉信息與網(wǎng)絡(luò)安全的態(tài)勢,更加主動、彈性地去應(yīng)對新型復(fù)雜的威脅和未知多變的風(fēng)險(xiǎn)。

可視化設(shè)計(jì)的過程中,我們還需要注意:1、整體考慮、顧全大局;2、細(xì)節(jié)的匹配、一致性;3、充滿美感,對稱和諧。


大屏ui設(shè)計(jì)系列之五——大屏設(shè)計(jì)語言分析 大屏數(shù)據(jù)可視化設(shè)計(jì)方法論

藍(lán)藍(lán)設(shè)計(jì)的小編


藍(lán)藍(lán)設(shè)計(jì)經(jīng)常會接到大屏設(shè)計(jì)的項(xiàng)目,比如中國移動互聯(lián)網(wǎng)監(jiān)控大屏可視化設(shè)計(jì)及開發(fā)、太極集團(tuán)承接的中央臺應(yīng)急指揮中心大屏可視化設(shè)計(jì)、交大思源承接的北京地鐵軌道批揮中心大屏可視化設(shè)計(jì)、數(shù)碼視訊展廳大屏可視化設(shè)計(jì),在積累了一定經(jīng)驗(yàn)的同時(shí),也在不斷的學(xué)習(xí)和豐富關(guān)于大屏設(shè)計(jì)的特點(diǎn)及數(shù)據(jù)可視化的表達(dá)方式。

數(shù)據(jù)可視化過濾了非常多的冗余信息,濃縮了最重要的信息,它的魅力就在于將枯燥的數(shù)據(jù)組織在一起,把最需要的那些編輯成一個(gè)故事。目前大數(shù)據(jù)那么流行,但是其實(shí)大家并不是需要那么多的數(shù)據(jù),而是需要整合的數(shù)據(jù),恰當(dāng)?shù)膶⒖蛻糇铌P(guān)注的數(shù)據(jù)挖掘展示出來才是最重要的。


一、要做好大屏的界面設(shè)計(jì),首先需要了解大屏的硬件特點(diǎn)。

二、了解大屏的使用場景和用戶群體

三、了解大屏上專用的軟件

四、了解大屏通常顯示的內(nèi)容

五、大屏界面的設(shè)計(jì)語言


一流用戶體驗(yàn)設(shè)計(jì)師的6個(gè)共同點(diǎn)

用心設(shè)計(jì)

上周跟朋友聚會,席間一個(gè)負(fù)責(zé)招聘用戶體驗(yàn)設(shè)計(jì)師的朋友跟我們聊起她招聘過程中遇到的趣事。她曾面試過上百位設(shè)計(jì)師,幾乎每次她都會問求職者一個(gè)她認(rèn)為非常重要的問題?!澳銥槭裁茨軇偃斡脩趔w驗(yàn)設(shè)計(jì)師的工作?” 應(yīng)聘者的回答大都涉及線框原型工具的使用能力,“我能熟練使用Axure”,朋友心想:“不錯(cuò),可惜不夠聰明。”另一位從國外留學(xué)回來的應(yīng)聘者說:“我可以根據(jù)你的要求,現(xiàn)場用Mockplus做一個(gè)交互”,朋友說:“你很聰明,懂得選擇設(shè)計(jì)工具,但這遠(yuǎn)遠(yuǎn)不夠?!?/span>

的確,用戶體驗(yàn)設(shè)計(jì)師對各方面技能要求都很高。有個(gè)老同學(xué)完全不了解這行業(yè),好奇地問她,到底什么是用戶體驗(yàn)設(shè)計(jì)師?朋友也給不出明確的定義,只是拿出手機(jī)里的一張圖片給我們看:

一流用戶體驗(yàn)設(shè)計(jì)師的6個(gè)共同點(diǎn)

用一個(gè)實(shí)戰(zhàn)案例,帶你從零開始做用戶體驗(yàn)研究

周周

編者按:設(shè)計(jì)師應(yīng)該如何做用戶體驗(yàn)研究?今天譯者Lisa用一個(gè)實(shí)戰(zhàn)案例,從零開始帶你學(xué)習(xí)專業(yè)的用戶體驗(yàn)研究方法。

當(dāng)談?wù)摰藉憻挄r(shí),這個(gè)世界上有三類人:

  1. 每時(shí)每刻都在健身的健康達(dá)人;
  2. 那些一天中全部鍛煉內(nèi)容就是從前門走到車?yán)?,每天在沙發(fā)看電視的人們;
  3. 在這兩者之間,想變的健康強(qiáng)壯但缺少一些動力去健身房的人(又稱在屁股上踢一腳才行動的人)。

我,和我知道的大多數(shù)人一樣,都是第三種類型的人。我們被稱為是價(jià)值數(shù)十億美元可穿戴健身追蹤器市場的目標(biāo)消費(fèi)者。這些年,我已經(jīng)嘗試了不少健康追蹤器,我當(dāng)前最喜歡的是Fitbit。這是一個(gè)很好的追蹤器并且能夠激勵(lì)我變的更活躍一點(diǎn),但是當(dāng)我使用他們的iOS app的時(shí)候卻遇到了不少問題。所以我決定以我UX設(shè)計(jì)師的身份在這片沒人探索過的地方冒險(xiǎn),來看看是否有人遇到了和我一樣的問題并且我是否能給這個(gè)app帶來一些改進(jìn)。

淺談地鐵列車室內(nèi)lcd顯示屏的基本設(shè)計(jì)原理

藍(lán)藍(lán)設(shè)計(jì)的小編

藍(lán)藍(lán)設(shè)計(jì),2013年為加拿大龐巴迪(Bombardier)設(shè)計(jì)列車監(jiān)控系統(tǒng)界面設(shè)計(jì)。 2015-至今,為中車集團(tuán)旗下若干公司提供HMI列車監(jiān)控系統(tǒng)界面設(shè)計(jì),綜合考慮中車特點(diǎn)、城軌車、動車組的不同需求以及HMI硬鍵屏和觸摸 屏的不同操作方式,重構(gòu)框架設(shè)計(jì)、交互設(shè)計(jì)、設(shè)計(jì)通用的、具有顯著特色的、美觀友好的HMI界面,并分別使用 fltk 、Codesys、Qt 三種開發(fā)語言搭建技術(shù)框架、留出接口,實(shí)現(xiàn)圖形界面。

在這個(gè)過程中,我們不斷的在學(xué)習(xí)和理解,以求更好的設(shè)計(jì)及開發(fā)實(shí)現(xiàn)。

以下為轉(zhuǎn)載的資料文章:

室內(nèi)lcd顯示屏在地鐵中作為一種面向公眾的信息顯示終端,有著非常廣泛的民用和商用價(jià)值。

目前在國內(nèi)運(yùn)行的地鐵車輛普遍都配備了室內(nèi)lcd顯示屏,但附加功能較少,屏幕顯示內(nèi)容單一。為了配合新型地鐵旅客信息系統(tǒng)的使用,我們設(shè)計(jì)了一種全新的多總線式LCD顯示動態(tài)屏。

UI設(shè)計(jì)——細(xì)節(jié)決定成敗

用心設(shè)計(jì)

良好的交互設(shè)計(jì)應(yīng)該確保用戶的每一次操作都能得到視覺反饋,無論成功與否,這會讓用戶體會到使用產(chǎn)品期間的一種安全感——一切盡在自己的掌控之中。視覺反饋的目的就是通過一種可視化、簡潔的形式向用戶展示操作的結(jié)果以及當(dāng)前系統(tǒng)所處的狀態(tài)。

UI設(shè)計(jì)——細(xì)節(jié)決定成敗

日歷

鏈接

個(gè)人資料

存檔