Gcord UI設(shè)計(jì)的總結(jié)與規(guī)劃

最近一直在思考一件事跟啤,就是關(guān)于Gcord UI的迭代诽表。

緣由:從點(diǎn)名時(shí)間初見(jiàn)Gcord到來(lái)現(xiàn)在也來(lái)公司馬上半年了唉锌,我也越來(lái)越理解Gcord是怎樣一種存在,之前做的通用版的UI也有點(diǎn)著急忙慌竿奏,目前看來(lái)并不盡如人意袄简;真正希望能夠達(dá)到的是在軟硬件操作上的平衡

一议双、交互

各操作系統(tǒng)

在設(shè)計(jì)上參考了IOS或Android的一些設(shè)計(jì)(交互)邏輯痘番,但在交互上和操作上Gcord不同于手機(jī)系統(tǒng),或者說(shuō)是不同于手機(jī)和平板等一些設(shè)備平痰,首先手機(jī)是和平板是手持設(shè)備汞舱,便于攜帶,使用場(chǎng)景繁多宗雇,使用單指或雙指進(jìn)行點(diǎn)擊和滑動(dòng)操作昂芜。Gcord在手指和手臂的使用上與手機(jī)平板等設(shè)備有明顯區(qū)別——使用單指進(jìn)行操作(左右食指)且使用情景單一,類似于家電的操作(位置固定赔蒲,單指操作):

左:空調(diào)扇 ?中:樓宇對(duì)講 ?右:微波爐

這樣的操作方式在交互與邏輯上必然與手機(jī)平板的操作不同泌神,所以在最初設(shè)計(jì)的時(shí)候參考了Smartisan os很多東西都是有待商榷的,這是我犯的一個(gè)明顯且直觀的錯(cuò)誤舞虱。

因此欢际,從人機(jī)工程學(xué)上重新考慮了交互,原則是:避免肩關(guān)節(jié)與肘部關(guān)節(jié)運(yùn)動(dòng)幅度過(guò)大矾兜。情景:1 坐著使用話機(jī)损趋,分為肘部固定與肘部懸空,且要考慮用戶放置話機(jī)的角度和桌面的高度以及位置椅寺。2 站著使用話機(jī)浑槽,則保證手臂動(dòng)作幅度盡可能的小(合理范圍內(nèi))返帕,以便于操作桐玻。以上總結(jié),下圖是屏幕操作難易度圖示:

屏幕操作難易度

在做UI的時(shí)候我并沒(méi)有重視這一點(diǎn)荆萤,在返回镊靴、相冊(cè)列表切換、選取屏保的操作上都使得操作起來(lái)動(dòng)作過(guò)大链韭,不太舒適邑闲。這也反映了上面說(shuō)的:盲目參考手機(jī)與平板的操作系統(tǒng)。

左:合理的點(diǎn)按流程 ? 右:不合理

為什么理想操作區(qū)域畫得靠下梧油,因?yàn)閄2下方有物理鍵苫耸,這樣做是對(duì)操作區(qū)域的統(tǒng)一,還是為了避免肩部與肘部關(guān)節(jié)運(yùn)動(dòng)幅度過(guò)大儡陨。


參考部分:肘肩關(guān)節(jié)人機(jī)因素

二褪子、UI

能影響到風(fēng)格定位的因素我想最主要的就是目前UI設(shè)計(jì)上的潮流量淌,簡(jiǎn)而言之就是現(xiàn)在流行什么就大致朝著這個(gè)方向去做,然后結(jié)合交互嫌褪、優(yōu)化細(xì)節(jié)呀枢、完善動(dòng)效再找出自身的風(fēng)格;

成熟笼痛、優(yōu)秀裙秋、完成度高

但總結(jié)之下我覺(jué)得能影響風(fēng)格定位的核心還是在Gcord本身,這是一臺(tái)固定電話缨伊,先允許我線粗略的歸為家電一類摘刑,家電和消費(fèi)類電子設(shè)備還是區(qū)別很大的,家電的優(yōu)先級(jí)應(yīng)該在有較長(zhǎng)的使用年限刻坊、較好的穩(wěn)定性和適用性枷恕,就是已用為先,就提升逼格的屬性來(lái)說(shuō)完全比不了消費(fèi)類電子設(shè)備谭胚;在使用時(shí)間和依賴性上也是和手機(jī)平板等不在一個(gè)比較維度徐块。根據(jù)這些特性分析顯得出結(jié)論:GcordUI迭代應(yīng)該具有長(zhǎng)周期以及精準(zhǔn)性

為什么是長(zhǎng)周期和精準(zhǔn)性(假設(shè)Gcord歸為家電):

先把Gcord的用戶分為三類:主流用戶灾而、專家型用戶胡控、隨意型用戶。先忽略掉隨意型用戶(因?yàn)槎茧S意了)旁趟;專家型用戶(一些geek或者技術(shù)宅)昼激,他們?cè)敢馊ヌ剿黧w驗(yàn)Gcord產(chǎn)品,不管是從功能上轻庆、交互上還是UI上,甚至希望很多對(duì)自己量身定制的功能敛劝,比較挑剔余爆。總的來(lái)說(shuō)這一類用戶還是占少數(shù)夸盟。接下來(lái)是最多的主流用戶蛾方,他們不會(huì)因?yàn)镚cord的技術(shù)和體驗(yàn)而使用Gcord,使用Gcord是因?yàn)樗麄冋娴男枰盟鼇?lái)完成某項(xiàng)任務(wù)上陕。而長(zhǎng)周期就是為了主流用戶而打造的桩砰,就像使用Gcord的家里的父母、雜貨店老板释簿、餐廳前臺(tái)或企業(yè)員工等亚隅。

長(zhǎng)的迭代周期讓主流用戶不用考慮:“怎么又要升級(jí)了,之前的我都用習(xí)慣了”庶溶、“升級(jí)之后怎么有Bug啊坑我啊煮纵,影響我工作”懂鸵、“我用得挺好的,不升級(jí)了行疏,升級(jí)之后又要學(xué)一次”匆光。針對(duì)專家型和隨意型用戶的設(shè)計(jì)或許更有誘惑力,因?yàn)樗麄兏R(shí)貨酿联。不過(guò)簡(jiǎn)單穩(wěn)定的設(shè)計(jì)與體驗(yàn)卻更適合主流用戶终息。應(yīng)該注意的是主流用戶提出來(lái)的建議往往價(jià)值更高。

再說(shuō)精準(zhǔn)性贞让,就是經(jīng)過(guò)不斷研究與優(yōu)化并綜合主流用戶的意見(jiàn)與反饋后再進(jìn)行迭代周崭,長(zhǎng)周期和精準(zhǔn)性是相輔相成的,沒(méi)有長(zhǎng)周期做不出精準(zhǔn)震桶,做得不精準(zhǔn)也做不長(zhǎng)休傍。

所以在UI與交互的風(fēng)格上應(yīng)力求簡(jiǎn)潔、易用蹲姐、穩(wěn)定磨取。

說(shuō)個(gè)題外話:為什么現(xiàn)在網(wǎng)上看起來(lái)專家用戶也這么多而且大家都在說(shuō)體驗(yàn),我想應(yīng)該是主流用戶一般都沒(méi)有上網(wǎng)吐槽的習(xí)慣柴墩。所以如何獲得主流用戶的建議與反饋應(yīng)是很重要的忙厌。

三、ID

目前的兩款產(chǎn)品:X1和X2江咳。在ID上咱們的兩款話機(jī)幾乎沒(méi)有延續(xù)性逢净,當(dāng)然這不是什么嚴(yán)重問(wèn)題(小米手機(jī)也是這樣),況且兩款機(jī)器定位也不同歼指。而在這方面應(yīng)思考的問(wèn)題是如何使交互爹土、UI、ID在設(shè)計(jì)上達(dá)到一個(gè)平衡點(diǎn)踩身?這顯然是最理想的狀態(tài)胀茵,也是最具挑戰(zhàn)的地方。目前需在ID定型的前提下使UI&交互契合ID以達(dá)到統(tǒng)一挟阻。


1代&2代

四琼娘、我的規(guī)劃

第1步:優(yōu)化交互流程

第2步:在流暢的交互上形成統(tǒng)一風(fēng)格的UI

第3步:設(shè)計(jì)動(dòng)效

第4步:綜合以上,統(tǒng)一設(shè)計(jì)規(guī)范附鸽,使之達(dá)到初步的平衡脱拼。

在此過(guò)程中需不斷深入理解和實(shí)踐關(guān)于平衡點(diǎn)的終極問(wèn)題,所有的步驟或是設(shè)計(jì)都要滿足上文的人機(jī)因素以及風(fēng)格定位坷备。寫了這么多貌似有點(diǎn)亂熄浓,但都是需要表達(dá)的。

任重而道遠(yuǎn)省撑。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末玉组,一起剝皮案震驚了整個(gè)濱河市谎柄,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌惯雳,老刑警劉巖朝巫,帶你破解...
    沈念sama閱讀 222,681評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異石景,居然都是意外死亡劈猿,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門潮孽,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)揪荣,“玉大人,你說(shuō)我怎么就攤上這事往史≌叹保” “怎么了?”我有些...
    開封第一講書人閱讀 169,421評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵椎例,是天一觀的道長(zhǎng)挨决。 經(jīng)常有香客問(wèn)我,道長(zhǎng)订歪,這世上最難降的妖魔是什么脖祈? 我笑而不...
    開封第一講書人閱讀 60,114評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮刷晋,結(jié)果婚禮上盖高,老公的妹妹穿的比我還像新娘。我一直安慰自己眼虱,他們只是感情好喻奥,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,116評(píng)論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著捏悬,像睡著了一般撞蚕。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上邮破,一...
    開封第一講書人閱讀 52,713評(píng)論 1 312
  • 那天诈豌,我揣著相機(jī)與錄音仆救,去河邊找鬼抒和。 笑死,一個(gè)胖子當(dāng)著我的面吹牛彤蔽,可吹牛的內(nèi)容都是我干的摧莽。 我是一名探鬼主播,決...
    沈念sama閱讀 41,170評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼顿痪,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼镊辕!你這毒婦竟也來(lái)了油够?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,116評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤征懈,失蹤者是張志新(化名)和其女友劉穎石咬,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體卖哎,經(jīng)...
    沈念sama閱讀 46,651評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡鬼悠,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,714評(píng)論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了亏娜。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片焕窝。...
    茶點(diǎn)故事閱讀 40,865評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖维贺,靈堂內(nèi)的尸體忽然破棺而出它掂,到底是詐尸還是另有隱情,我是刑警寧澤溯泣,帶...
    沈念sama閱讀 36,527評(píng)論 5 351
  • 正文 年R本政府宣布虐秋,位于F島的核電站,受9級(jí)特大地震影響发乔,放射性物質(zhì)發(fā)生泄漏熟妓。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,211評(píng)論 3 336
  • 文/蒙蒙 一栏尚、第九天 我趴在偏房一處隱蔽的房頂上張望起愈。 院中可真熱鬧,春花似錦译仗、人聲如沸抬虽。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)阐污。三九已至,卻和暖如春咱圆,著一層夾襖步出監(jiān)牢的瞬間笛辟,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工序苏, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留手幢,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,299評(píng)論 3 379
  • 正文 我出身青樓忱详,卻偏偏與公主長(zhǎng)得像围来,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,870評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,327評(píng)論 25 707
  • 1 UI設(shè)計(jì)基礎(chǔ) 1.1 為iOS而設(shè)計(jì) 1.1.1 iOS包含以下3條設(shè)計(jì)原則: 遵從监透,UI應(yīng)該有助于人們理解內(nèi)...
    Willry閱讀 3,589評(píng)論 1 48
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)桶错、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,124評(píng)論 4 61
  • 今天黎比,我們來(lái)聊聊臨時(shí)房屋的設(shè)計(jì)。 前Frog Design的設(shè)計(jì)師Michael McDaniel鸳玩,設(shè)計(jì)了一種應(yīng)對(duì)...
    MrTron閱讀 1,642評(píng)論 0 0
  • 方法一:根據(jù)一個(gè)boolean值判斷是否設(shè)置自適應(yīng)旋轉(zhuǎn)屏幕或者設(shè)置固定方向?yàn)樨Q屏 在代碼里設(shè)置自適應(yīng)或者橫屏: s...
    小鹿啊小鹿閱讀 261評(píng)論 0 0