我們?cè)谧鼋换ピO(shè)計(jì)的時(shí)候如何去思考表現(xiàn)形式潘明?
記得剛?cè)胄械臅r(shí)候小白一枚,啥都不懂钳降。哪怕設(shè)計(jì)一個(gè)常見的登錄頁面,也要去找競(jìng)品遂填,找參考。照著畫撵幽,照著抄礁击。
后來隨著經(jīng)驗(yàn)的積累,腦海中堆了很多交互樣式哆窿,比如:
但即使這樣每次在做原型的時(shí)候我依舊這么去判斷:這個(gè)頁面用這種方式比其它都好看一些!或者:其它頁面都是這種樣式强衡,統(tǒng)一形式。
作為一名愛折騰漩勤,愛刨根問題的人缩搅,我的內(nèi)心深處一直有個(gè)聲音在喊:這樣的思考方式是不對(duì)的。
為什么我要用這種形式誉己?
我為什么要做這個(gè)列表域蜗?
為什么不可以用另一種形式噪猾?
一連串的問題在腦中回響筑累,而隨著這些問題的展開我又發(fā)現(xiàn)了更多的問題,為什么商品價(jià)格要與數(shù)量慢宗、屬性放在一起?為什么購(gòu)物車要放到標(biāo)簽欄镜沽?
為什么退出登錄要放到設(shè)置里面……
拿個(gè)例子,比如驗(yàn)證碼嘴脾。
到底用哪一種更好蔬墩,更合適呢?
心里埋著這個(gè)點(diǎn)拇颅,直到有天看到了某款app的一個(gè)界面,它的這個(gè)操作:
第一個(gè)反應(yīng)就是韵洋,哎呀我去黄锤,這特么多反人類的設(shè)計(jì)奥橄住猜扮!兩根手指滑動(dòng)!我平時(shí)用一個(gè)手指滑動(dòng)都習(xí)慣了齿桃,你家為啥要兩個(gè)手指,你這¥%*#¥#@……%
冷靜下來后了解短纵,這是家長(zhǎng)權(quán)限頁面需要防止兒童操作僵控。結(jié)合使用場(chǎng)景,這樣操作是沒問題,但與用戶習(xí)慣違背體驗(yàn)不夠友好千绪。那么問題來了,該如何優(yōu)化呢荸型?
這個(gè)前提得操作高效炸茧,還要防止兒童誤操作打開。我腦中開始閃現(xiàn)各種確認(rèn)權(quán)限的方法梭冠,交互形式——用圖形驗(yàn)證碼?用加減算法控漠?用繪制圖案?用滑動(dòng)拼圖柬脸?
腦瓜快速轉(zhuǎn)了將近2分鐘也沒想到合適的方案,我知道我的思考方式不對(duì)倒堕,之前一直埋在心底的問題又出來了爆价。如何不去參考別人垦巴,不去拿現(xiàn)有形式套铭段,我到底該如何進(jìn)行交互設(shè)計(jì)呢?
想不到咋整憔披?不想了。把這問題記著扔到了一邊芬膝。于是乎下班的時(shí)候我一邊騎著我的OCR一邊思考形娇,當(dāng)我準(zhǔn)備去進(jìn)行一個(gè)頁面的交互設(shè)計(jì),去畫交互原型的時(shí)候桐早,我該做哪些準(zhǔn)備厨剪?而當(dāng)我在做的時(shí)候又應(yīng)該考慮哪些因素友存?
理清思緒后我發(fā)現(xiàn)像上面的家長(zhǎng)驗(yàn)證,它采用的是滑動(dòng)方式钾唬,屬于交互規(guī)范中的手勢(shì)操作万哪。而手勢(shì)除滑動(dòng)外還有很多種,如點(diǎn)擊吟策、長(zhǎng)按的止、拖動(dòng)。以此為出發(fā)點(diǎn)诅福,進(jìn)行優(yōu)化,比如可以設(shè)計(jì)成文字描述+限時(shí)長(zhǎng)按氓润,可以設(shè)計(jì)成圖形描述+點(diǎn)擊。
不過指定操作這個(gè)比較復(fù)雜挨措,還需要開發(fā)數(shù)據(jù)崩溪。so,這是一種思考方式伶唯,那么這有什么用呢?
大家都知道做互聯(lián)網(wǎng)不能固步自封乳幸,因此,很多人也好很多公司也好尝艘,都要求員工多看姿染,多用秒际,甚至有公司在招聘的時(shí)候說,用過千款以上app娄徊,那目的是為了什么呢盾戴?
有很多,但是我這么認(rèn)為尖啡,如果你在用的過程中,能從根去發(fā)掘?qū)Ψ綖槭裁茨敲醋鲂普叮淖龇ㄊ钦_還是有待優(yōu)化,比只記住用到的時(shí)候可以參考好的多您宪。
當(dāng)然我認(rèn)為最重要的還是一條奠涌,為了讓你的設(shè)計(jì)站住腳宪巨。
why?
以后再說溜畅。