91成人精品,神马影院东京干,国产一级做a爰片久久 亚洲日韩欧美一区二区三区_国产AV无码专区亚洲AV

首頁

占位符文本的選擇

用心設(shè)計


占位符文本可用作幾乎所有的HTML輸入類型的屬性,被誤導(dǎo)的設(shè)計師和開發(fā)人員不要猶豫。為復(fù)雜的表單提供文字幫助或者刪除輸入標(biāo)簽來提高美觀度都頗具吸引力,然而,這樣使用占位符文本會導(dǎo)致許多可用性問題。


本文將例舉常見的不良做法,并提供替代方案。


將占位符作為標(biāo)簽

Image title

情感化設(shè)計—“愉悅性”的陷阱

資深UI設(shè)計者

說起“愉悅性”,我們通常會想到一些讓人感到溫暖、開心的東西,譬如毛絨玩具、紙杯蛋糕、擁抱,等等。

不過,具有愉悅性的事物在某些情況下同樣會帶來負(fù)面效應(yīng)。某些笑話可能冒犯到他人,溫馨的廣告可能誤導(dǎo)部分觀眾,即便是可愛的音效也會因為運用不當(dāng)而使人抓狂。

在UX領(lǐng)域,我們總會對那些體現(xiàn)著愉悅性的設(shè)計細(xì)節(jié)贊賞有加;而另一方面,對其負(fù)面效應(yīng)的了解也將有助于我們更好、更全面的掌握這一設(shè)計原則,避開陷阱。

用戶研究中常提到的“場景”,到底是什么?

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

場景對于界面設(shè)計和可用性測試來說都是非常重要的。

一、在描述一個場景時,需要涵蓋哪些方面呢?

一個好的場景在描述簡潔的同時,還需要回答下列關(guān)鍵的問題

用戶是誰?人物角色可以反映出網(wǎng)站真實的、主要的用戶群體。

用戶為什么來你的網(wǎng)站?如果可以的話,記下用戶到你的網(wǎng)站來的動機(jī)和預(yù)期。

用戶的目標(biāo)是什么? 通過任務(wù)分析,你可以了解用戶到你的網(wǎng)站來是想獲得什么,進(jìn)而可以知道你的網(wǎng)站需要做什么才能讓用戶滿意的離開。

另外一些場景描述還可以回答以下的問題:

在設(shè)計這個網(wǎng)站之前,你可以先寫下10-30個你認(rèn)為的用戶想訪問你的網(wǎng)站的原因或者用戶希望通過網(wǎng)站完成的任務(wù)。

場景和人物角色還可以結(jié)合起來,分類呈現(xiàn)不同類型的用戶到網(wǎng)站來的原因,有什么樣的需求,揭示出“什么樣的人”在“什么樣的場景”下會有“什么樣的行為”。

場景和人物角色可以通過故事的方式結(jié)合起來:為什么某類用戶會來你的網(wǎng)站?他們來網(wǎng)站希望做什么?這類用戶有什么特征?這些特征怎么影響到他們在網(wǎng)站上的行為的?

因此,設(shè)計一個網(wǎng)站的關(guān)注點應(yīng)該在用戶以及他們想達(dá)成的目標(biāo),而不是網(wǎng)站的組織和內(nèi)在架構(gòu)。知道了用戶的需求后,網(wǎng)站的內(nèi)容及架構(gòu)該怎么呈現(xiàn)也就不言自明了。

在可用性測試中使用任務(wù)場景

在為可用性測試設(shè)置場景時,考慮到時間的關(guān)系,測試任務(wù)不宜多于10-12個。此外,在測試中,你還可以詢問用戶自己的場景,他們?yōu)槭裁吹侥愕木W(wǎng)站來,他們想通過你的網(wǎng)站獲得什么。

可用性測試中,避免通過場景告訴用戶如何去完成一個任務(wù),而應(yīng)該在測試中觀察用戶是如何完成任務(wù)的,并根據(jù)用戶的操作情況來判斷當(dāng)前網(wǎng)站的設(shè)計是否能夠幫助用戶在特定的場景下順利的完成任務(wù)。

可用性測試的場景中不能包含任何告訴用戶該如何完成任務(wù)的信息??捎眯詼y試過程會呈現(xiàn)出用戶是如何完成任務(wù)的,并且能告訴你這個頁面是推動還是阻礙了這個任務(wù)的完成。

在正式測試前,你需要寫下你預(yù)期的用戶是如何完成這個任務(wù)的所有路徑和步驟,包括用戶可能使用的主要的入口或者其他的入口,供給觀察人員和記錄人員在測試中使用。而在測試后,可對比下你的預(yù)期過程和用戶完成任務(wù)的真實過程,這個對比過程有助于思考你的網(wǎng)站的架構(gòu)和導(dǎo)航的效率。

交互設(shè)計師如何做競品分析

資深UI設(shè)計者

今天我們來聊聊競品分析,它并不是像人們認(rèn)為的那樣——有統(tǒng)一的模板,因為針對不同的崗位,做的競品分析是不同的。所以我的文章標(biāo)題是:交互設(shè)計師如何做競品分析。

專訪丨脫去MUJI的標(biāo)簽,原研哉更像一個未來的「理想家」

周周

編者按:在今年的HOUSE VISION 展會上,特贊對原研哉做了一個專訪,聊聊大師對于設(shè)計的思考以及給年輕人的建議。

usidc-yyz-2016110913

原研哉,日本設(shè)計中心代表丨武藏野美術(shù)大學(xué)教授丨無印良品咨詢委員會委員丨HOUSE VISION 東京大展發(fā)起人、策展人

今年7月30日,以「CO-DIVIDUAL 分而合/離而聚」為主題的HOUSE VISION 2016東京展盛大開幕。在對集體與個體的關(guān)系重新反思的今天,共計15家企業(yè)與13位(組)的建筑師、設(shè)計師一起,打造了13個集創(chuàng)造性和技術(shù)性于一體的「家」。

#讀書筆記#無復(fù)雜,不設(shè)計

用心設(shè)計

不要輕易對 “復(fù)雜” say NO (復(fù)雜是必須的)


近些年,受到因蘋果而掀起的極簡風(fēng)的影響,多少設(shè)計書籍推崇著簡約至上的設(shè)計策略;在沒有看過這本書(設(shè)計心理學(xué)2:與復(fù)雜共處)之前,剛開始從事設(shè)計的我,便帶著一種對 “復(fù)雜” 事物莫名的抵觸情緒。想當(dāng)年,多少次面對復(fù)雜的業(yè)務(wù)邏輯,我以為自己諄諄善誘的教導(dǎo)了業(yè)務(wù)同學(xué)要為用戶著想;多少次拿到復(fù)雜的需求,我以為自己懇切的建議了產(chǎn)品同學(xué)我們要做減法,一口吃成胖子沒有好下場;還有多少次,我看著淘寶的PC首頁,心里默默地念叨,你們好改版咧…呵呵呵呵…Image title

思考丨如何做出讓競爭對手難以復(fù)制的設(shè)計創(chuàng)新方案?

周周

鴻影:與商業(yè)創(chuàng)新、技術(shù)創(chuàng)新、組織創(chuàng)新等相比,設(shè)計創(chuàng)新大概是很多人心目中「最沒有門檻」的一個,新穎有趣的交互模式與視覺風(fēng)格,固然可以在剛推出時讓人眼前一亮,但卻非常容易被競爭對手復(fù)制,難以長期維持獨特的優(yōu)勢。

設(shè)計創(chuàng)新就沒有壁壘可言嗎?怎樣才能做出讓競爭對手更難以復(fù)制的設(shè)計創(chuàng)新方案?這段時間我一直在思考這個問題,在閱讀基利等人著的《創(chuàng)新十型》時,從中獲得了一些啟發(fā),在此記錄下來。

流程

流程創(chuàng)新涉及企業(yè)生產(chǎn)主要產(chǎn)品或服務(wù)的活動和運營,采用精益生產(chǎn)系統(tǒng)來減少浪費、降低成本的方式,是流程創(chuàng)新的典型案例。

Origami教程06-列表數(shù)據(jù)循環(huán)生成方法

用心設(shè)計

先忽略動效,提出幾個問題,大家可以嘗試以前面學(xué)習(xí)的經(jīng)驗來思考一下。

  1. List 不用圖片來代替,怎么實現(xiàn)?
  2. 所有List內(nèi)容都不一樣,怎么實現(xiàn)?
  3.   所有List 都能保持一個統(tǒng)一的操作,怎么實現(xiàn)?
  4. …… 

OK,如果僅前2個問題來說,用“笨”方法都是很簡單,到第3之后,就有點坑了,是要復(fù)制N個重復(fù)Patchs?簡直要瘋掉有木有~ 當(dāng)然Origami 沒這么傻,是有專門的Patch 解決這樣的情況的,這就是今天學(xué)習(xí)的重點,Loop 系列的Patch,效果類似 Craft 的 Duplicete


Image title

交互丨新人交互設(shè)計師如何把知識能力體系化?

用心設(shè)計

 Arale:碎片化閱讀的時代,很多剛?cè)胄械脑O(shè)計師都喜歡用碎片時間充電,看看公眾號,看看設(shè)計博客,零散的知識信息點缺少了一些整理和總結(jié),因此基礎(chǔ)也就不夠堅實了。尤其是想要得到更進(jìn)一步能力提升的時候,就會發(fā)現(xiàn)真的會有些吃力。在幾個月以前我就面臨著這樣的困境,感覺自己很難在現(xiàn)有設(shè)計水平上有大的提升,經(jīng)過不斷地自我反省,自我總結(jié),我將原因歸結(jié)于,基礎(chǔ)知識能力沒有及時得到與經(jīng)驗相匹配的提升,故而在經(jīng)歷了項目經(jīng)驗帶來的飛速提升之后,就陷入了一個長久瓶頸期。也就是基礎(chǔ)不夠扎實,知識能力不成體系。

好在找到了問題癥結(jié),也就有了下一階段努力的方向,現(xiàn)在我將自己對于交互設(shè)計師所需要打下的知識能力基礎(chǔ),更系統(tǒng)更體系化地分享給大家,希望能對那些跟我有同樣困惑和問題的同行有些許幫助。


Image title

日歷

鏈接

個人資料

存檔