Gcord UI设计的总结与规划

最近一直在思考一件事,就是关于Gcord UI的迭代。

缘由:从点名时间初见Gcord到来现在也来公司马上半年了,我也越来越理解Gcord是怎样一种存在,之前做的通用版的UI也有点着急忙慌,目前看来并不尽如人意;真正希望能够达到的是在软硬件操作上的平衡

一、交互

各操作系统

在设计上参考了IOS或Android的一些设计(交互)逻辑,但在交互上和操作上Gcord不同于手机系统,或者说是不同于手机和平板等一些设备,首先手机是和平板是手持设备,便于携带,使用场景繁多,使用单指或双指进行点击和滑动操作。Gcord在手指和手臂的使用上与手机平板等设备有明显区别——使用单指进行操作(左右食指)且使用情景单一,类似于家电的操作(位置固定,单指操作):

左:空调扇  中:楼宇对讲  右:微波炉

这样的操作方式在交互与逻辑上必然与手机平板的操作不同,所以在最初设计的时候参考了Smartisan os很多东西都是有待商榷的,这是我犯的一个明显且直观的错误。

因此,从人机工程学上重新考虑了交互,原则是:避免肩关节与肘部关节运动幅度过大。情景:1 坐着使用话机,分为肘部固定与肘部悬空,且要考虑用户放置话机的角度和桌面的高度以及位置。2 站着使用话机,则保证手臂动作幅度尽可能的小(合理范围内),以便于操作。以上总结,下图是屏幕操作难易度图示:

屏幕操作难易度

在做UI的时候我并没有重视这一点,在返回、相册列表切换、选取屏保的操作上都使得操作起来动作过大,不太舒适。这也反映了上面说的:盲目参考手机与平板的操作系统。

左:合理的点按流程   右:不合理

为什么理想操作区域画得靠下,因为X2下方有物理键,这样做是对操作区域的统一,还是为了避免肩部与肘部关节运动幅度过大。


参考部分:肘肩关节人机因素

二、UI

能影响到风格定位的因素我想最主要的就是目前UI设计上的潮流,简而言之就是现在流行什么就大致朝着这个方向去做,然后结合交互、优化细节、完善动效再找出自身的风格;

成熟、优秀、完成度高

但总结之下我觉得能影响风格定位的核心还是在Gcord本身,这是一台固定电话,先允许我线粗略的归为家电一类,家电和消费类电子设备还是区别很大的,家电的优先级应该在有较长的使用年限、较好的稳定性和适用性,就是已用为先,就提升逼格的属性来说完全比不了消费类电子设备;在使用时间和依赖性上也是和手机平板等不在一个比较维度。根据这些特性分析显得出结论:GcordUI迭代应该具有长周期以及精准性

为什么是长周期和精准性(假设Gcord归为家电):

先把Gcord的用户分为三类:主流用户、专家型用户、随意型用户。先忽略掉随意型用户(因为都随意了);专家型用户(一些geek或者技术宅),他们愿意去探索体验Gcord产品,不管是从功能上、交互上还是UI上,甚至希望很多对自己量身定制的功能,比较挑剔。总的来说这一类用户还是占少数。接下来是最多的主流用户,他们不会因为Gcord的技术和体验而使用Gcord,使用Gcord是因为他们真的需要利用它来完成某项任务。而长周期就是为了主流用户而打造的,就像使用Gcord的家里的父母、杂货店老板、餐厅前台或企业员工等。

长的迭代周期让主流用户不用考虑:“怎么又要升级了,之前的我都用习惯了”、“升级之后怎么有Bug啊坑我啊,影响我工作”、“我用得挺好的,不升级了,升级之后又要学一次”。针对专家型和随意型用户的设计或许更有诱惑力,因为他们更识货。不过简单稳定的设计与体验却更适合主流用户。应该注意的是主流用户提出来的建议往往价值更高。

再说精准性,就是经过不断研究与优化并综合主流用户的意见与反馈后再进行迭代,长周期和精准性是相辅相成的,没有长周期做不出精准,做得不精准也做不长。

所以在UI与交互的风格上应力求简洁、易用、稳定。

说个题外话:为什么现在网上看起来专家用户也这么多而且大家都在说体验,我想应该是主流用户一般都没有上网吐槽的习惯。所以如何获得主流用户的建议与反馈应是很重要的。

三、ID

目前的两款产品:X1和X2。在ID上咱们的两款话机几乎没有延续性,当然这不是什么严重问题(小米手机也是这样),况且两款机器定位也不同。而在这方面应思考的问题是如何使交互、UI、ID在设计上达到一个平衡点?这显然是最理想的状态,也是最具挑战的地方。目前需在ID定型的前提下使UI&交互契合ID以达到统一。


1代&2代

四、我的规划

第1步:优化交互流程

第2步:在流畅的交互上形成统一风格的UI

第3步:设计动效

第4步:综合以上,统一设计规范,使之达到初步的平衡。

在此过程中需不断深入理解和实践关于平衡点的终极问题,所有的步骤或是设计都要满足上文的人机因素以及风格定位。写了这么多貌似有点乱,但都是需要表达的。

任重而道远。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,185评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,445评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,684评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,564评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,681评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,874评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,025评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,761评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,217评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,545评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,694评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,351评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,988评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,778评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,007评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,427评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,580评论 2 349

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,807评论 25 707
  • 1 UI设计基础 1.1 为iOS而设计 1.1.1 iOS包含以下3条设计原则: 遵从,UI应该有助于人们理解内...
    Willry阅读 3,560评论 1 48
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,066评论 4 62
  • 今天,我们来聊聊临时房屋的设计。 前Frog Design的设计师Michael McDaniel,设计了一种应对...
    MrTron阅读 1,628评论 0 0
  • 方法一:根据一个boolean值判断是否设置自适应旋转屏幕或者设置固定方向为竖屏 在代码里设置自适应或者横屏: s...
    小鹿啊小鹿阅读 257评论 0 0