首頁(yè)

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

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

2.jpg

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

(藍(lán)藍(lán)注:轉(zhuǎn)載這篇文章,是為了讓設(shè)計(jì)師和產(chǎn)品經(jīng)理們了解到客戶(hù)平時(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)常會(huì)接到大屏設(shè)計(jì)的項(xiàng)目,比如中國(guó)移動(dòng)互聯(lián)網(wǎng)監(jiān)控大屏可視化設(shè)計(jì)及開(kāi)發(fā)、太極集團(tuán)承接的中央臺(tái)應(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.面積巨大——用戶(hù)站遠(yuǎn)才能看全內(nèi)容(所以字也不能設(shè)計(jì)很?。?。
2.深色背景——緊張感強(qiáng),讓視覺(jué)更好的聚焦,省電。
3.不可操作——大屏主要用來(lái)給來(lái)賓觀看的。來(lái)賓一般不會(huì)直接操作大屏。
4.空間局限——大屏不像網(wǎng)頁(yè)有滾動(dòng)條,它的長(zhǎng)寬都是固定的。
5.單獨(dú)主題——每塊大屏都有具體想給來(lái)賓表達(dá)某個(gè)主題

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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


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

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


藍(lán)藍(lán)設(shè)計(jì)經(jīng)常會(huì)接到大屏設(shè)計(jì)的項(xiàng)目,比如中國(guó)移動(dòng)互聯(lián)網(wǎng)監(jiān)控大屏可視化設(shè)計(jì)及開(kāi)發(fā)太極集團(tuán)承接的中央臺(tái)應(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ù)可視化過(guò)濾了非常多的冗余信息,濃縮了最重要的信息,它的魅力就在于將枯燥的數(shù)據(jù)組織在一起,把最需要的那些編輯成一個(gè)故事。目前大數(shù)據(jù)那么流行,但是其實(shí)大家并不是需要那么多的數(shù)據(jù),而是需要整合的數(shù)據(jù),恰當(dāng)?shù)膶⒖蛻?hù)最關(guān)注的數(shù)據(jù)挖掘展示出來(lái)才是最重要的。


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

二、了解大屏的使用場(chǎng)景和用戶(hù)群體

三、了解大屏上專(zhuān)用的軟件

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

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


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

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

上周跟朋友聚會(huì),席間一個(gè)負(fù)責(zé)招聘用戶(hù)體驗(yàn)設(shè)計(jì)師的朋友跟我們聊起她招聘過(guò)程中遇到的趣事。她曾面試過(guò)上百位設(shè)計(jì)師,幾乎每次她都會(huì)問(wèn)求職者一個(gè)她認(rèn)為非常重要的問(wèn)題。“你為什么能勝任用戶(hù)體驗(yàn)設(shè)計(jì)師的工作?” 應(yīng)聘者的回答大都涉及線框原型工具的使用能力,“我能熟練使用Axure”,朋友心想:“不錯(cuò),可惜不夠聰明?!绷硪晃粡膰?guó)外留學(xué)回來(lái)的應(yīng)聘者說(shuō):“我可以根據(jù)你的要求,現(xiàn)場(chǎng)用Mockplus做一個(gè)交互”,朋友說(shuō):“你很聰明,懂得選擇設(shè)計(jì)工具,但這遠(yuǎn)遠(yuǎn)不夠。”

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

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

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

周周

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

日歷

鏈接

個(gè)人資料

存檔