首頁

微信小程序設(shè)計指南 · 小程序

資深UI設(shè)計者

基于微信小程序輕快的特點,我們擬定了小程序界面設(shè)計指南和建議。 設(shè)計指南建立在充分尊重用戶知情權(quán)與操作權(quán)的基礎(chǔ)之上。旨在微信生態(tài)體系內(nèi),建立友好、、一致的用戶體驗,同時適應(yīng)和支持不同需求,實現(xiàn)用戶與小程序服務(wù)方的共贏。

交互設(shè)計三要素–目標(biāo)、任務(wù)、行為

ui設(shè)計分享達(dá)人

先講個故事,小鵬是個銷售員,下午出去拜訪客戶,完事后發(fā)現(xiàn)已經(jīng)六點多了,非常餓,小鵬想回家自己做飯吃,但是實在是太餓了,回家又要做好久的地鐵,還不如就在附近找家小飯館吃了呢,于是環(huán)顧四周,發(fā)現(xiàn)馬路對面左前方200米有個麥當(dāng)勞,于是就穿過馬路,沿著道路走了過去,到了麥當(dāng)勞要了一份套餐,風(fēng)卷殘云的吃完了。

問題來了,這個故事里面:
什么是目標(biāo)?
小鵬餓了,想把自己填飽,這就是目標(biāo);

禪意設(shè)計:網(wǎng)絡(luò)簡潔設(shè)計的緣起和未來

ui設(shè)計分享達(dá)人

01.png

 

自從蘋果的設(shè)計曠世驚奇地重新回歸了點、線、面這種基礎(chǔ)視覺元素后,遠(yuǎn)在太平洋彼岸的日本,以無印良品設(shè)計風(fēng)潮的興起為標(biāo)志,也掀起了一場設(shè)計簡單化、生活質(zhì)樸化運動。而地處北緯55度以北,寒冷嚴(yán)酷的北歐,不甘落后地興起了回歸人性、回歸自然的設(shè)計生活方式,其中以B&O、宜家家具為典型代表。

網(wǎng)頁設(shè)計師必須掌握的7項技能

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

網(wǎng)頁設(shè)計師必須掌握的7項技能

網(wǎng)頁設(shè)計既是一門科學(xué)也是一門藝術(shù)。網(wǎng)頁設(shè)計工作一半基于正確的編程和設(shè)計技巧,另一半則基于是否對美與不美有著直覺般的敏銳度。一名稱職的網(wǎng)頁設(shè)計師一定要熟練掌握核心基礎(chǔ)能力才能在同行中做到出類拔萃。

聊聊界面設(shè)計師如何掌握主動權(quán)

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

藍(lán)藍(lán)注:這是一篇含金量很高的文章,值得細(xì)細(xì)閱讀品味。

屏幕快照 2016-02-13 上午9.59.00.png

懂得把控產(chǎn)品的設(shè)計師不僅能少改稿,設(shè)計成果會更加出色,但如果身在PM強勢的公司,設(shè)計師該如何把控流程,主導(dǎo)設(shè)計?
今天想和大家聊一聊設(shè)計師的煩惱,因為我自己是設(shè)計師,周圍的朋友也大部分都是做設(shè)計行業(yè)的,大家交流的時候難免吐吐槽,說說自己的煩惱。但是聽多了之后發(fā)現(xiàn)設(shè)計師的煩惱還是挺有規(guī)律的,無非就是這三大類:

1,太著急:經(jīng)常早上提的需求下午就要,沒有時間認(rèn)真打磨和研究,更別提什么創(chuàng)新了??偸潜恍枨蠓酱咧荒懿莶萘耸?,自己都不忍心看。

2,修改太多了:感覺對方也不知道要什么,怎么做都要被修改,大家都很糾結(jié).

3,被指點江山:尤其是被不懂設(shè)計的人指點江山,經(jīng)常提一些很主觀和細(xì)節(jié)的要求,感覺還不如讓他們自己做得了。

但是認(rèn)真感受這些煩惱之后,發(fā)現(xiàn)一個更嚴(yán)重的問題就是:大部分設(shè)計師都沒有設(shè)計的主動權(quán)。圖是設(shè)計師在做,但是設(shè)計的過程和結(jié)果卻不是設(shè)計師自己能夠掌控的。

于是我就在想為什么會造成這樣的問題,當(dāng)然原因有很多,可是有一個很根本的原因就是在現(xiàn)在的互聯(lián)網(wǎng)設(shè)計流程中,設(shè)計師本身就是處于整個流程的下游。


設(shè)計思維系列之五:深澤直人的設(shè)計思想中有過哪些關(guān)鍵詞?

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

藍(lán)藍(lán)注:這也是個牛人!雖是工業(yè)設(shè)計,但設(shè)計思想是相通的!


深澤直人知名的設(shè)計思想是「無意識設(shè)計(Without Thought)」,是那種你之前并不清楚自己有需求,但看到他的設(shè)計后會覺得「這我也會設(shè)計啊!」或是「對對對!我想找的就是這個!」的設(shè)計作品。

1、用最直接的方法解決問題

他并不是那種為了追求回歸自然本原,而排斥現(xiàn)代高科技的設(shè)計師;同時,當(dāng)一個問題存在除去電子手段外的最優(yōu)解,他一定會把使用難度打磨到。

比如這個場景:我們每晚回到家后,用鑰匙打開房門后的第一件事是開燈,然后把鑰匙放在固定的位置,以防自己忘記。針對這個需求,有些人設(shè)計了聲控感應(yīng)燈,深澤直人則設(shè)計了這個:

1.png


設(shè)計思維系列之四:德國波茨坦大學(xué)設(shè)計思維學(xué)院的思維的方法

博博

我也繼續(xù)補充一下。主要是美國和歐洲現(xiàn)在在做design thinking的異同。



全世界有兩所大學(xué)的兩個教授,分別是美國和歐洲設(shè)計思維領(lǐng)域的泰斗級人物。一位是斯坦福大學(xué)設(shè)計學(xué)院(d.school)創(chuàng)辦人David Kelley教授,一位便是波茨坦大學(xué)設(shè)計思維學(xué)院(d.school)的創(chuàng)辦人Weinberg教授。



Kelley教授也是美國著名創(chuàng)新設(shè)計咨詢公司IDEO公司的創(chuàng)始人,當(dāng)年曾幫喬布斯設(shè)計出蘋果公司的第一款鼠標(biāo)。Weinberg教授以前在德國波茨坦大學(xué)是動畫方向的教授。



設(shè)計思維之前在跨國公司或創(chuàng)新企業(yè)很流行,現(xiàn)在在美國和歐洲的中小學(xué)也流行起來了。成為最近幾年風(fēng)靡歐美中小學(xué)的一種創(chuàng)造力培養(yǎng)方法。孩子們首先通過采訪調(diào)研獲得同理心,然后聚焦、頭腦風(fēng)暴,發(fā)現(xiàn)核心問題,之后動手制作原型,測試,最終呈現(xiàn)自己的“產(chǎn)品”。



我們很幸運,于2013年,少年商學(xué)院非常榮幸獲得Kelley教授的認(rèn)可,和書面授權(quán),向中國青少年推廣和應(yīng)用設(shè)計思維創(chuàng)新實踐教育。



少年商學(xué)院線下的設(shè)計思維工作坊,目前已在國內(nèi)六個城市落地。2014年,少年商學(xué)院推出“在線互動直播+線下自主實踐”O(jiān)2O模式的項目 “趣課題”,如今已完成了四次迭代,學(xué)員遍布全國一二三四線城市,反響非常熱烈。



2015年的8月份,德國的weinberg教授,專程來少年商學(xué)院考察。并在公司和我們團(tuán)隊做了一場分享。講了他在德國d.school倡導(dǎo)Design thinking與斯坦福d.school的異同。

設(shè)計思維系列之三:斯坦福大學(xué) Design School David Kelley先生專訪

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

我第一次認(rèn)識d.school是在一次tour的參觀。當(dāng)時被整個學(xué)院的布局、設(shè)計風(fēng)格深深吸引。因為當(dāng)時我和好伙伴在創(chuàng)業(yè),搭建中國青少年觸手可及的優(yōu)質(zhì)教育的平臺youthMBA(有興趣的朋友可以 wechat search "youthmba"里面有更多關(guān)于DT的原創(chuàng)文章 or 官網(wǎng)YouthMBA | 少年商學(xué)院)。我們想為我們課程實踐找到一個匹配的理論基礎(chǔ)。參觀過幾次d.school tour之后,我們覺得DT是最符合我們在國內(nèi) 為kids 打造的《設(shè)計思維工作坊》的氣質(zhì),于是我便參加了幾次線下的training, 合作完成了幾個小的project-- 其中一個是 redesign 餐廳的用戶體驗。 還參加了DT for K12 的seminar,對DT 整個過程有一定的了解,especially for K12. 

談?wù)凞T: 在參加完整個DT后,我非常有幸拜訪了David Kelley先生,他接受了少年商學(xué)院youthMBA的專訪,并且闡述了他對DT的觀點,我整理如下:
屏幕快照 2016-02-09 上午10.44.54.png


設(shè)計思維系列之二:斯坦福大學(xué) Design School Design Thinking的視覺化思考

博博

由于當(dāng)時我們的項目多數(shù)是商業(yè)模式的創(chuàng)新,比較難測試,所以我們采取的方法是請別的組的同學(xué)來“體驗”并且點評我們的解決方案。

99c48d9e526324774fae4b9ba4a4d1cb_b.jpg
(2013屆的同學(xué)在Pre3,Photo by Tatsuhiro Ohtani,VIA同事)
總的來說,Design Thinking所提倡的Test是通過測試產(chǎn)品原型去重新審視自己的產(chǎn)品,甚至是去完善早前定下來的POV。

以上是關(guān)于Design Thinking各步驟的解釋,有興趣的同學(xué)可以移步D.School網(wǎng)站提供的Bootcamp Bootleg,基本是在教你什么是Design Thinking,同時介紹了D.School的一些方法:dschool.stanford.edu/wp
———————————————————————————————————————————
除了具體的五步,與一開始所說,Design Thinking的一個特點是視覺化思考,所以整個過程中,在每一個環(huán)節(jié)里我們都有一兩個presentation要做,最基本的是列舉關(guān)鍵詞或句子來表達(dá),然后是用畫漫畫的方式來“講故事”,或者用表演的方式來闡述自己的想法:

設(shè)計思維系列之一:斯坦福大學(xué) Design School 所倡導(dǎo)的原則和步驟是什么?

博博

藍(lán)藍(lán)在1月份去了斯坦福大學(xué) Design School ,見到這位白發(fā)蒼蒼的老教授,佩服之至,回來后搜索了一些資料學(xué)習(xí)和研究設(shè)計思維課的內(nèi)容。

分成幾個文章,分享給大家!

下面為轉(zhuǎn)載:在講Design Thinking之前,先大概介紹一下Hasso Plattner Institute of Design at Stanford (d.school: Institute of Design at Stanford, 簡稱D.School)。

作為世界領(lǐng)先的設(shè)計學(xué)院之一,D.School的大名想必每一個喜歡設(shè)計的同學(xué)都應(yīng)該有所耳聞。2004年的時候,Stanford的機械工程系教授David Kelley創(chuàng)立了D.School,具體的介紹大家可以移步D.School網(wǎng)站或者維基百科。

7fbcde886583e671edcb5abd1a6c7c13_b.jpg
(D.School一共兩層,這是大堂,一樓主要用于辦公,開會,開講座和辦展覽,二樓主要用于教學(xué),Photo by Yi Zhang,VIA同事)
而值得注意的是,D.School相比于其他設(shè)計學(xué)院特別的地方有三點:
  • 第一,它在硅谷,與硅谷各種傳奇故事有著千絲萬縷的聯(lián)系。
  • 第二,與斯坦福的商學(xué)院關(guān)系密切,D.School的同事笑稱:“Stanford商院的同僚在和別家商院的人吹牛的時候都會說,你們做的事情我們都會做,而我們還有D.School,我們會Design Thinking。”
  • 第三,有一套通俗易懂的理論根基作為行為準(zhǔn)則,也就是Design Thinking。

好了,鋪墊已夠,進(jìn)入正文:Design Thinking。
先上結(jié)論,Design Thinking是一種思維方式,它有幾個特定的步驟,可以用于不同的項目和人。有個比喻,在我跟別人介紹的時候經(jīng)常提起:Design Thinking就像一本菜譜,它會告訴你燒菜的步驟,燒的時間等等,但是每個人用它炒出來的東西都不一樣,可以有不同的口味,不同的原料和配料,而跟著這本菜譜仔細(xì)做,一般不會做得太難吃。

日歷

鏈接

個人資料

存檔