【接上期】界面交互的艺术之解决方案
wp7吧
全部回复
仅看楼主
level 14
78基佬 楼主

上期,我分析了一些按钮的位置设计,题目叫“【谈谈设计】从按键设计到交互逻辑,把每一个操作变的理所当”,如果错过了可以看看:https://tieba.baidu.com/p/1954963125?pn=3
本次我将给出一些交互上了解决方案,让UI变得更简洁

2013年01月12日 11点01分 1
level 14
78基佬 楼主

哦,对了,在上次讨论中,有一些人争论屏幕以外的触控区向左返回,和屏幕内向右滑动返回的问题,这两个区域不能混为一谈,应为他代表了两种“空间模型”。
其实,我们可以举一组例子,windows里的滚动条和电子书的页面。滚动条代表了“线”而“电子书”代表了一个面。(当我们第一次使用电容屏手机看电子书时是不是习惯性的向下拉去看后面的文字内容呢?)其实只要我们想想就能明白,电子书是一张纸,屏幕是一个框,我们只能看到框里的内容,那么框下面的呢,就要把纸张向上挪挪,这也就是我们在屏幕内向上滑以看到下面内容的方法。
那windows当初为什么要用滚动条向下代表下呢,其实这里我们不能把滚动条以一个“面”的思路来考虑,他是一个摇杆,我们在玩游戏手柄时,大脑给一个“向下”的指令,我们是不是把摇杆向下按。
所以,我们把这个概念带入,屏幕外的触控区,他是一个控制区域,要遵循:“指令方向即动作方向”的原理。
而屏幕内,所有的元素是以一个面一个面的呈现的,比如:为什么浏览器向右滑动是返回?
我们一般人认为左是前,那么我们“前一个页面”在左面,我们需要如翻书一样,向右滑动当前页面,来返回上一个页面。
所以,屏幕外左滑返回,屏幕内右滑回到前一个页面才是最舒适,符合人思维的操作方式。
2013年01月12日 11点01分 2
level 14
78基佬 楼主

一个优秀的交互,要让人们能最快的找到并使用他们想找的东西。
当我们要找一个应用,使用iphone你只需要在桌面应用图标中查找甚至你可以把他固定在底栏中,无论你在哪一页,都能快速的启动它。使用Android也一样,不过他可能隐藏在程序抽屉里,也只是二级目录就找到了。但当我们用回传统机器,我们如果要打开相机这个程序就需要菜单——多媒体——相机,当我们突然发现这一段最好录制下来时,iphone和Android的相机里都可以快速切换,而传统机器需要先退出“照相机”,再打开“摄像机”这个应用。(PS:让我们抛弃了传统的手机的不只是潮流啊)
那么苹果的相机界面给了我们怎样的启迪呢?功能联想,其实这不是一个新鲜事物,当我们在一个购物网站上搜索一部手机,他的明显位置上绝对会有手机保护套等相关产品的链接,这是个被互联网早已熟练运用的思路。
在相机中我们有可能做什么呢?最基本的拍照;或者突然我想录下来,所以有了摄像模式的切换;那我要看看我的照片拍的怎么样,没问题,一键进入图库,查看编辑都可以。那么这个界面就做到了“在人的正常联想内的功能,最快的找到并使用”。
2013年01月12日 11点01分 3
level 14
78基佬 楼主

Android在创举方面将WiFi、蓝牙等开关放入下拉通知栏是个不错的地方。如今绝大多数厂家已经为自己的Android手机在下拉通知栏里添加了快捷开关,谷歌也终于认识到了这一点并从4.2版开始能快速进入快捷开关。但我不得不吐槽一句,其中的蓝牙开关真是个“滚叔”的设定。你可以在下拉通知栏里打开蓝牙,但这没用,你必须回到找到设置,然后打开“蓝牙可见性”。而且很多厂家的这个设置没有“永远可见”的选项,也不能设置默认项,那你弄什么快捷开关,快捷个屁了。这里夸一下魅族,没有“蓝牙可见性”这种无聊的东西。你不想让人家看见,你不会关了啊
2013年01月12日 12点01分 4
level 15
马克
2013年01月12日 12点01分 5
level 14
78基佬 楼主

我一直认为下拉通知栏的设计最能体现一个厂家的用心程度,最早在下拉通知栏里加入快捷开关的是HTC吧?不过他使用了分页的设计(Android4.2原生和这个异曲同工)。三星直接将快捷开关固定在了顶端,GS3以后出现了亮度的直接调整,而且最细心的是每次下啦后都会有快捷开关从后滑回前面的动画,提醒用户后面还有设置选项。
2013年01月12日 12点01分 6
level 14
78基佬 楼主

其实,当一部手机在玩过了他新鲜花俏的功能后,最后还是要回归到打电话,发短信和使用应用方面的。那么作为手机传统功能的电话功能,个厂家有没有诚意呢?
其实我用过的手机里,最实用的还是魅族。比如,拨号界面一键添加联系人(这个好像都有,但三星拨号界面的那个位置真难看,而魅族整合在了拨号键盘里);
输入号码即显示号码归属地(很多厂家内置了归属地,需要拨打出去才显示,甚至有些厂家单独出个应用,这不符合上面说到的功能联想的设计理念,很笨);
未接来电显示号码归属,响铃几声,你可以借此判断要不要回复这个来电。
当然他也有缺点:没有联系人联想,也就是说,你必须输入完整的号码,他才会显示你已存联系人的名字。这一点我很不能理解,在拨号界面和输入号码显示区分明有一块不小的空间,为何不利用呢?或许是为了界面简洁吧。
这项魅族8分,三星7分。WP7系统不及格。
有人说,小米的拨号不错,但他的设计有一个问题,就是犯了和wp7的设置界面一样主次不分的错误。在我们进行拨号时,号码是我们的关注主体,应该设在醒目的位置,以最大的字来表现。但miui把已拨数字放在了拨号键盘上一条,字体也小,在其上是联系人联想。个人反正很讨厌这种设计风格,主要信息不突出。
2013年01月12日 12点01分 7
level 15
我不管交互,你那个太凌乱不喜欢
2013年01月12日 12点01分 8
level 14
78基佬 楼主
这个帖子写了好长时间了,一直没机会发,竟然完全找不到思路了,凑活着看吧[瀑布汗~]
2013年01月12日 12点01分 9
level 8
前排 顶技术贴
2013年01月12日 12点01分 10
level 14
78基佬 楼主

好了,不能再跑题了,今天的主题是我的解决方案
我的这套思路的主题就是让下拉通知栏变成一个最快捷的信息链接港。看这个图,一层的这些快捷开关不止是一个符号,他还是一个链接,我们点击它可以快速开启,对这个按键下滑(就像触宝输入法一样)可以展开他的详细设置。
比如WiFi:开启选择接入点
数据连接:选择2G或者3G
USB:点击这个按钮开启/关闭“USB储存”,下拉后出现USB储存和USB调试两项开关
第二层的状态栏点击进入相关程序
比如电池:电量使用监控及耗损
CPU:硬件及系统信息信息
RAM:后台进程
ROM:可移至内存卡的应用
SD卡:文件管理器
2013年01月12日 12点01分 11
CPU、RAM神马的都显示?…[狂汗]
2013年01月12日 12点01分
第二行基本上用不到平常可以忽略
2013年01月12日 12点01分
level 12
尼玛‘我失足了是什么情况’
2013年01月12日 12点01分 12
[抛媚眼]
2013年01月12日 12点01分
回复 78基佬 :[滑稽]
2013年01月12日 12点01分
level 12
基佬在哪复制的[抛媚眼]
2013年01月12日 12点01分 13
自己写的[汗]
2013年01月12日 12点01分
回复 78基佬 :小看基佬了[我错了]
2013年01月12日 12点01分
level 12
支持!~
2013年01月12日 12点01分 14
level 13
敢把图放正吗
2013年01月12日 12点01分 15
level 14
78基佬 楼主
单指从下边框上滑:home
双指从下边框上滑:多任务管理界面(meego那种很好,可以看视频,可以编短信)
双指从上边框下滑:任意界面通知栏
三指从上边框下滑:锁屏
2013年01月12日 12点01分 16
[汗]看到这个三指解锁突然想喷一下
2013年01月12日 12点01分
手势太复杂,不好
2013年01月12日 12点01分
双指滑反人类
2013年01月12日 12点01分
必须单指
2013年01月12日 12点01分
level 13
[揉脸]
2013年01月12日 12点01分 17
level 13
一个通知栏塞太多东西并不是很好
2013年01月12日 12点01分 18
level 12
你这个图在治疗我颈椎病么?
然后你同样犯了在局促的地方显示信息太多的错误
2013年01月12日 12点01分 19
level 14
78基佬 楼主
拨号界面
2013年01月12日 12点01分 20
龟壳拨号[汗]
2013年01月12日 12点01分
拨号界面太丑
2013年01月12日 12点01分
ios即视感
2013年01月12日 12点01分
按键还是传统点
2013年01月12日 12点01分
1 2 尾页