首頁

12306 APP,我該拿什么愛你?

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

一年一度的春運(yùn)搶票大戰(zhàn)又開始啦!前段時(shí)間一個(gè)12306手機(jī)號(hào)碼雙向核驗(yàn)的消息刷爆了小伙伴們的朋友圈,12306 APP 憑借此舉不花一分錢就沖上了 App Store 免費(fèi)榜首位。

其實(shí)我已經(jīng)很久沒用12306官方 APP 了,光看圖標(biāo)那騷氣的紅藍(lán)配色我已經(jīng)醉了,打開12306 APP,我的內(nèi)心是奔潰的,感覺整個(gè)人都不好了,依舊是那么的…………… 嗶 ..

不說了,發(fā)幾個(gè)截圖你們感受一下:

5jay20151211

敏捷開發(fā)之Scrum掃盲篇

博博

為了不落后他人,于是我也開始學(xué)習(xí)Scrum,今天主要是對(duì)我最近閱讀的相關(guān)資料,根據(jù)自己的理解,用自己的話來講述Scrum中的各個(gè)環(huán)節(jié),主要目的有兩個(gè),一個(gè)是進(jìn)行知識(shí)的總結(jié),另外一個(gè)是覺得網(wǎng)上很多學(xué)習(xí)資料的講述方式讓初學(xué)者不太容易理解;所以我決定寫一篇掃盲性的博文,同時(shí)試著也與園內(nèi)的朋友一起分享交流一下,希望對(duì)初學(xué)者有幫助。

關(guān)于敏捷式設(shè)計(jì)和開發(fā)的一些思考

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

如何做到敏捷式設(shè)計(jì)和開發(fā)呢?

屏幕快照 2015-12-14 上午11.35.37.png

1首先是能夠勝任工作的人,理解力能力到水準(zhǔn)。對(duì)人的要求比傳統(tǒng)的設(shè)計(jì)開發(fā)要高。



2做事方法。因?yàn)橐龅每?,所以錯(cuò)的會(huì)多,會(huì)比較粗糙,然后一步步再精細(xì)。我看到過國外的一個(gè)網(wǎng)站ceo介紹,他們的開發(fā)是功能程序員自己想開發(fā)什么就開發(fā)什么,出來結(jié)果之后再找領(lǐng)導(dǎo)審批,經(jīng)常有一半都會(huì)開發(fā)不下去了。他們是通過這種方法,通過大數(shù)據(jù)的形式與用戶的使用率來判斷這個(gè)功能模塊是否往下繼續(xù)發(fā)展,優(yōu)勝劣汰。是自下而上的一種自發(fā)性的工作。員工會(huì)非常有成就感。這公司開發(fā)的支付系統(tǒng),后來以幾十億的價(jià)格賣給了亞馬遜。


工作上有一種認(rèn)領(lǐng)工作的形式,同項(xiàng)任務(wù)有人認(rèn)為6小時(shí)能完成,有人認(rèn)為三天完成,選擇一個(gè)最短時(shí)間的人認(rèn)領(lǐng)完成這項(xiàng)工作,做他最想做的,最擅長的事情。開始的時(shí)候少寫文檔,每天整合這個(gè)設(shè)計(jì)和代碼開發(fā)的成果,然后大家一起看到每個(gè)人每天的成果的進(jìn)度是什么樣子的,對(duì)每個(gè)人的速度快慢反饋次數(shù)都一覽無余,最終納入績效考評(píng)。機(jī)制獎(jiǎng)勵(lì)多勞多得。鼓勵(lì)同事們之間的交流和學(xué)習(xí),少開那種特別大的,特別長的會(huì)。


從工作流程上當(dāng)然要做用戶研究訪談,了解這些事情的行業(yè)背景,做行業(yè)分析,做好產(chǎn)品定位,有對(duì)功能對(duì)產(chǎn)品定位的取舍,因?yàn)椴豢赡軡M足所有人的需求。比如上面我介紹的那個(gè)國外的那個(gè)公司,做的很快發(fā)展的很快,他甚至允許支付系統(tǒng)的發(fā)生的一些漏洞和失誤,他覺得這種快速發(fā)展的收益能夠彌補(bǔ)發(fā)生錯(cuò)誤的成本。大家分工不—定是很明確,產(chǎn)品經(jīng)理功能架構(gòu)師高級(jí)程序員可能在這一個(gè)想法中,自己從想到做也就做出來了,能做什么就做什么。不斷的去迭代反饋測試改進(jìn)。

贊!APP數(shù)據(jù)圖表設(shè)計(jì)的類型和制作方法全面總結(jié)

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

做APP的數(shù)據(jù)圖表設(shè)計(jì)之前,你考慮過移動(dòng)端屏幕大小與屬性嗎?考慮過可視化數(shù)據(jù)圖表,提升APP氣質(zhì)嗎?考慮過在APP和WEB端,數(shù)據(jù)圖表的展示有何不同嗎?也許你都考慮過,但作為一篇科普文,還是要從最基礎(chǔ)的說起。

以數(shù)據(jù)圖表為主的APP有哪些?

前期,yoyo通過App Store、MobilePattern、Dribbble瘋狂搜圖,積累了以下豐富的案例。

揭秘雙十一!那些上億人都在看的BANNER都是怎么設(shè)計(jì)出來的?

周周

the-best-banner-design-1

每到一年一度的大促季,會(huì)場、頁面、互動(dòng)游戲,都在緊張?jiān)O(shè)計(jì)之中,這些精美的頁面和互動(dòng)游戲,如何與用戶產(chǎn)生聯(lián)系?必然需要一條與用戶連接的紐帶 —— 它就是BANNER。有些人可能認(rèn)為資源位的設(shè)計(jì)相對(duì)簡單,但其實(shí)不然,小小的資源位承載著重大的使命,設(shè)計(jì)上自然也是下了一番功夫,那這一次的雙11我們是怎么做的?請(qǐng)聽我細(xì)細(xì)道來…..

曦村:在設(shè)計(jì)前期,做大致規(guī)劃,是很有必要的,在大促中雖然會(huì)有很多變化,但,做規(guī)劃會(huì)幫助我們?cè)诖蠓较蛏喜怀鲥e(cuò),這次,從了解業(yè)務(wù)背景及節(jié)奏 – 前期風(fēng)格創(chuàng)意設(shè)定 – 突出品牌增強(qiáng)識(shí)別度 – 制定規(guī)范提升效率等幾個(gè)方面去做,有了這個(gè)框架,這一次的設(shè)計(jì)過程還是相當(dāng)絲滑滴!那具體是怎么做的呢?

超實(shí)用!APP數(shù)據(jù)圖表設(shè)計(jì)的類型和制作方法全方位總結(jié)

周周

app-chart-design-summary-1

做APP的數(shù)據(jù)圖表設(shè)計(jì)之前,你考慮過移動(dòng)端屏幕大小與屬性嗎?考慮過可視化數(shù)據(jù)圖表,提升APP氣質(zhì)嗎?考慮過在APP和WEB端,數(shù)據(jù)圖表的展示有何不同嗎?也許你都考慮過,但作為一篇科普文,還是要從最基礎(chǔ)的說起。

停止不必要的UI動(dòng)效設(shè)計(jì)

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

短文將會(huì)探討UI設(shè)計(jì)中動(dòng)畫的過度使用,并將其與早期的視覺設(shè)計(jì)進(jìn)行對(duì)比,提出一些對(duì)于有效的GUI動(dòng)效設(shè)計(jì)的建議。

我們將在下文中,簡單探討如何改善下面的這個(gè)交互。

相關(guān)好文推薦:盤點(diǎn)那些應(yīng)該杜絕濫用的設(shè)計(jì)

1-Example of Poor UI

帶你深入了解VIEWPORT和PX

博博

剛開始接觸移動(dòng)頁面重構(gòu),是不是很迷惑應(yīng)該按照多大的尺寸制作?320、640還是720?按照640的設(shè)計(jì)稿重構(gòu)完頁面,是不是還需要寫其他尺寸來適配不同的屏幕大小?——這源于對(duì)viewport和px的不了解。

已經(jīng)重構(gòu)了好多移動(dòng)頁面,但是對(duì)為什么要按照640的大小來設(shè)計(jì)頁面,不清楚答案。給元素賦予固定的像素值,但是奇怪的是在不同的手機(jī)里看起來都差不多大小,不需要另外去適配,真是太爽了。為什么?不知道耶?!@源于對(duì)viewport和px的不了解。

為可視化數(shù)據(jù)尋找適合的配色

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

然如今好的配色方案已經(jīng)唾手可得,但為數(shù)據(jù)可視化找到合適的配色方案,卻仍是一項(xiàng)巨大挑戰(zhàn)。

在Graphiq,事情甚至更加棘手,因?yàn)槲覀円ㄟ^上千種各不相同的數(shù)據(jù)集合來傳遞信息,它們有著各自迥異的視覺表現(xiàn)。

14個(gè)沉穩(wěn)藍(lán)色pad軟件界面設(shè)計(jì)欣賞

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

每當(dāng)要設(shè)計(jì)一個(gè)軟件界面的時(shí)候,設(shè)計(jì)師收集資料是必然的過程。最近北京藍(lán)藍(lán)設(shè)計(jì)要一個(gè)沉穩(wěn)嚴(yán)謹(jǐn)?shù)膒ad端軟件界面。

于是國內(nèi)外網(wǎng)站找了許多資料,集合一起,與大家分享!

1

Preview.jpg

日歷

鏈接

個(gè)人資料

存檔