2015-04-20T10:07:48+00:00 http://hinleung.github.io 2015-03-18T00:00:00+00:00 http://hinleung.github.io/dianboapp <p><img src="/images/GV/点播应用/1.jpg"> <img src="/images/GV/点播应用/推荐.jpg"> <img src="/images/GV/点播应用/二级分类.jpg"> <img src="/images/GV/点播应用/播放电视剧.jpg"> <img src="/images/GV/点播应用/专题详情.jpg"> <img src="/images/GV/点播应用/1.png"> <img src="/images/GV/点播应用/2.png"> <img src="/images/GV/点播应用/3.png"> <img src="/images/GV/点播应用/4.png"> <img src="/images/GV/点播应用/5.png"> <img src="/images/GV/点播应用/6.png"> <img src="/images/GV/点播应用/7.png"> <img src="/images/GV/点播应用/8.png"> <img src="/images/GV/点播应用/9.png"> <img src="/images/GV/点播应用/10.png"> <img src="/images/GV/点播应用/12.png"> <img src="/images/GV/点播应用/13.png"> <img src="/images/GV/点播应用/首页02.jpg"> <img src="/images/GV/点播应用/电影01.jpg"> <img src="/images/GV/点播应用/电视剧详情01.jpg"> <img src="/images/GV/点播应用/直播03.jpg"> <img src="/images/GV/点播应用/专题详情02.jpg"></p> 2014-11-09T00:00:00+00:00 http://hinleung.github.io/Project-management-platform <h3>设计思路</h3> <ul> <li>更容易管理项目，了解项目情况、进度，快速查找自己的任务</li> <li>为提高效率尽量将面向用户的流程精简、轻量化</li> <li>轻松创建任务、bug、问题等</li> <li>奖励升级机制，员工通过完成任务、解决项目问题或帮助同事（提出建议、解答等）都可以获得贡献值</li> </ul> <p><img src="/images/项目管理平台/项目流程.png"></p> <p><img src="/images/项目管理平台/工作流程.png"></p> <h3>信息架构</h3> <p><img src="/images/项目管理平台/管理平台.png"></p> <p><em>首页</em> <img src="/images/项目管理平台/首页.png"></p> <p><em>新建项目</em> <img src="/images/项目管理平台/新建项目.png"></p> <p><em>项目详情</em> <img src="/images/项目管理平台/项目详情.png"></p> <p><em>设置项目</em> <img src="/images/项目管理平台/设置项目.png"></p> <p><em>添加待办</em> <img src="/images/项目管理平台/添加待办.png"></p> <p><em>活动预告</em> <img src="/images/项目管理平台/活动预告.png"></p> <p><em>鼠标在待办项上</em> <img src="/images/项目管理平台/鼠标在待办项上.png"></p> <p><em>项目数据视图</em> <img src="/images/项目管理平台/项目数据视图.png"></p> <p><em>日程</em> <img src="/images/项目管理平台/日程.png"></p> <p><em>新建日程</em> <img src="/images/项目管理平台/新建日程.png"></p> <p><em>选择项目的日程</em> <img src="/images/项目管理平台/选择项目的日程.png"></p> <p><em>Everything</em> <img src="/images/项目管理平台/everything.png"></p> <p><em>动态</em> <img src="/images/项目管理平台/动态.png"></p> <p><em>全部人员</em> <img src="/images/项目管理平台/全部人员.png"></p> <p><em>个人</em> <img src="/images/项目管理平台/个人.png"></p> <p><em>编辑个人资料</em> <img src="/images/项目管理平台/编辑个人资料.png"></p> 2014-05-18T00:00:00+00:00 http://hinleung.github.io/paizhaotiyan <p>目的: 了解当前流行的拍照分享应用的交互设计和体验 从用户角度，对Instagram、美图秀秀、魔漫相机三款应用的进行交互体验分析</p> <ul> <li>体验的应用均为android版</li> </ul> <h2>Instagram</h2> <h4>特色新功能简介</h4> <p><img src="/images/blog/拍照应用/图片1.png"> 用户进入应用后，简短聚焦介绍新功能。用户容易把说明内容记下来，然后可以尝鲜使用</p> <h4>架构</h4> <p><img src="/images/blog/拍照应用/图片2.png"> Instagram交互架构设计属于传统的iOS设计规范。 这种交互体架构优势： <li>方便单手操作，验过程中90%的操作可单手完成</li> <li>内容架构清晰便于记忆</li> 导航和标签栏是固定的，中间部分则是内容区，内容区的交互架构设计做到了恰到好处，重点内容最大化展示，又不妨碍用户对其他信息查看。这样做也有缺点，看到的内容很少，得往下滑才看到其他用户的分享，但对于一款照片分享应用，使用它的用户都不希望看到的照片是小小的缩略图吧。</p> <h4>社交功能</h4> <p><img src="/images/blog/拍照应用/图片3.png"> 值得说一下的是右边3点的图形按钮设计，它属于一个用户不常用，甚至不使用的功能。从视觉设计上弱化，区别于赞和评论。一点儿的不同却容易引起用户的好奇心，但点击它之后发现功能与平常使用并没任何帮助，用户便会把它过滤，但万一有需要的时候也可能会想到它。挺有意思的一个交互设计</p> <h4>磁性标签设计</h4> <p><img src="/images/blog/拍照应用/图片4.png"> 往下滑动时，作者标签会一直跟着这条分享往下滑动，这样交互设计可方便用户随时点击作者，进入作者的个人主页查看ta更多的作品。 记得在2年前使用Instagram的时候，并没有这样的设计，个人猜测是通过用户调研或背后数据挖掘而作出的交互体验设计。</p> <h4>拍照</h4> <p><img src="/images/blog/拍照应用/图片5.png"> 点击标签栏中间那个照片按钮后的拍照界面。 Instagram做法是让用户马上拍照，下面我们进行交互操作分析：</p> <ul>1. 如果我需要马上拍照，我需要依次点击‘拍照’按钮 — 直接取景拍照，才能完成操作，共 2 步；</ul> <ul>2. 如果我需要从相册中选择，我需要依次点击‘拍照’按钮 — 触摸左下角的‘相册’按钮 — 选择照片，才能完成操作，共 3 步。</ul> <p>大家可回想下微信完成拍照操作是要3步。 Instagram的交互设计更胜一筹</p> <h4>照片美化</h4> <p><img src="/images/blog/拍照应用/图片6.png"> 这里有设计误导，在顶部的左右2个方向按钮，在我没说明时你也认为是美化工具左右滑动控制按钮，从左往右看，最右的按钮高亮起来了，用户会想是不是点击一下会有更多工具？实则是下一步，而最左的是上一步重拍，比较严重的一个错误，与用户思维模式不一致。</p> <h4>分享</h4> <p><img src="/images/blog/拍照应用/图片7.png"> 分享照片最后一步，操作使用方便快捷，不填写任何内容也可以点击右上的‘完成’按钮</p> <h4>动态</h4> <p><img src="/images/blog/拍照应用/图片8.png"> 信息架构不清晰的问题，导致整个界面UI布局显得混乱，像软件出错的感觉</p> <h4>个人主页</h4> <p><img src="/images/blog/拍照应用/图片9.png"> 在这里交互体验上也没什么可说的，使用起来也挺方便。但右上角最右的图标设计有点不恰当，如果用齿轮来表示选项/设置是否更适当？让用户更易懂</p> <h2>美图秀秀</h2> <h4>主页</h4> <p><img src="/images/blog/拍照应用/图片10.png"> 美图秀秀把主要的功能模式，以色块的方式布局在首屏上，有一种工具箱的感觉。 用户启动应用后，面临的选择太多了，要翻一翻找一找才发现自己想要的在哪里，并不是好体验。 <img src="/images/blog/拍照应用/图片10-1.png"> 翻到主页的第二屏，也有与美图不相关的功能模块，这时我发现有一个九格切图功能，想把它移到首屏，却没有这样的交互设计。 部分功能模块需要下载才能使用</p> <h4>美化</h4> <p><img src="/images/blog/拍照应用/图片11.png"> 点击美化图片、人像美容、拼图都弹出相册列表，只能选择现有的照片进行出来，没有拍照选项。从美图秀秀这个主打美化产品角度考虑是没有错的， 但应用内有提供拍照功能，又为什么在这里不提供拍照功能入口？如：妹妹在选照片时发现刚才拍得不好（善变是女人天性），想重拍就得返回多步去找拍照。 <img src="/images/blog/拍照应用/图片12.png"> 提供上一步，下一步的功能按钮，当我使用了一堆美化效果时，对于妹妹们爱美的用户，非常不错和实用，但没有清除所有效果的功能，如果用户想重新美化就得点击返回，然后再从相册中找回需要美化的照片。 <img src="/images/blog/拍照应用/图片13.png"> 保存后，可分享到各种社交应用，操作简便。对于保存后的照片，在美图秀秀应用内是找不到，没有提供我美化过的照片浏览功能。需要退出应用到系统相册去找。在应用内找不到用户自己的美化作品，对于用户来说会有点失落感。 <img src="/images/blog/拍照应用/图片14.png"> 从美化图片保存后这里显示的是人像美容，若从人像美容保存后则是美化图片，通过这样设计诱导，用户可以把照片做出多不同的美化效果。</p> <h4>素材中心</h4> <p><img src="/images/blog/拍照应用/图片15.png"> 在素材中心下载各种素材体验不错，登录操作也简单。登录后在主页上没有任何登录信息展示，如头像或ID。</p> <h4>登录后</h4> <p><img src="/images/blog/拍照应用/图片16.png"> 右下的功能模块变为动态的推广信息，和最右下角设置按钮旁边也多了一个带动画按钮，从用户的角度看，干扰了用户使用。但细想一下美图秀秀的主用户群是女孩子，那这些推广的内容就有必要了，爱美的妹子都会去点一下，看一下，从而提高用户的粘度。</p> <h2>魔漫相机</h2> <h4>简短介绍</h4> <p><img src="/images/blog/拍照应用/图片17.png"> 第一次启动应用，显示了魔漫相机核心功能的操作使用方法。若使用简短聚焦方式，如Instagram，把介绍贴切到真实的界面中，交互体验上会有更佳效果。</p> <h4>主页</h4> <p><img src="/images/blog/拍照应用/图片18.png"> 很强的个性化、风格化设计，从视觉上给人一种特别的感觉。这些感觉过后，就有一种困惑不知道点击哪里继续使用。 <img src="/images/blog/拍照应用/图片19.png"> 迈出一步尝试，点击了‘漫画’，后才真正知道原来是可以点的。这里体验一般，用户需要去发现，而不是通过界面UI向用户传达信息。魔漫相机也做了一个补救方法，触摸‘漫画’时上面整一大块都会放大，这可以让用户知道，这里整块都是可以点的，下次使用可以尝试。信息架构有点不合理，设置按钮叠在作品集上。</p> <h4>漫画</h4> <p><img src="/images/blog/拍照应用/图片20.png"> 点击‘漫画’，后的loading提示，虽然这是不错的交互设计方式，但loading有点慢，从而影响用户体验。 <img src="/images/blog/拍照应用/图片21.png"> 第一次进入‘漫画’，也会出现一个操作使用方法的提示。界面中也出现了双重弹窗，1.操作使用方法 2.主题包，严重影响用户体验。 <img src="/images/blog/拍照应用/图片22.png"> 主题包小窗口中，放弃和获取按钮设计，是鼓励用户去点击获取，把放弃按钮设计成不可点的效果，但这样的交互设计有点反人类了，那用户不想获取该怎么做呢？这个窗口又影响用户浏览整幅漫画。 像我这种不屈的用户，坚决点击放弃，其实是可以点的，点击放弃后会消失，但不获取下次进来一样会出现。 <img src="/images/blog/拍照应用/图片23.png"> 获取了今天的主题包后，漫画图会马上换成刚获取的主题，替换前可使用咨询的交互方式，这样会更加友好。主题包内是有多张漫画效果的，但我在屏幕上尝试使劲地上下左右滑动，没有任何反应。也找不到如何把这个漫画图换成其他的，体验糟糕。但它还是有一点好的设计就是右边那列分享按钮会变成半透明，降低对用户干扰，又能产品需要。 <img src="/images/blog/拍照应用/图片24.png"> 进入到‘我的’，实则是素材库。右上提示选中的素材包会在首页‘背景’显示。‘两会’主题是默认必选，不能取消 <img src="/images/blog/拍照应用/图片25.png"> 上面吐槽的换漫画效果图，原来在这里，需要点击‘背景’后才显示切换选项。信息架构和交互设计的不恰当，导致了前面像我这种笨用户的糟糕体验。选好后，你会发现保存按钮被设计得很细，一个常用的按钮被设计成这样，是一个低级错误的交互设计。（苹果规范建议：44px，符合人类手指大小）</p> <h4>表情</h4> <p><img src="/images/blog/拍照应用/图片26.png"> 点击其中一表情可以方便快捷的保存或分享该表情。页面中信息架构可优化，每页只显示了4个表情，然后有38页，要看完很累的。是一个提升交互体验的点。 <img src="/images/blog/拍照应用/图片27.png"> 点击‘美妆’后可对刚才拍的头像进行美化，交互体验上有一点不足就是，缺少一个还原按钮。</p> <h2>总结</h2> <ul> <li>简短聚集的功能介绍</li> <li>信息架构需清晰</li> <li>图形化设计，用户易记忆</li> <li>减少点击与输入</li> <li>隐藏部分内容以保证界面简洁</li> <li>层级不要深，主体导航、常用功能如拍照、保存容易找到</li> </ul> 2014-05-09T00:00:00+00:00 http://hinleung.github.io/smartring <h3>智能门铃基本功能</h3> <ul>1.设置免打扰时间段（不响铃时间段）</ul> <ul>2.设置录像时间（无人应答录像、特殊时间移动侦测录像）</ul> <ul>3.自主发起的即时监控（通过网络传输即时画面及声音）</ul> <ul>4.对方按铃引起的即时通讯</ul> <ul>5.查看回放</ul> <ul>6.语音留言（按铃45s无人应答，播放语音留言）</ul> <ul>7.授权他人共同管理（不止一台移动设备可对此门铃进行控制）</ul> <p><img src="/images/智能门铃/1.png"></p> <p><img src="/images/智能门铃/2.png"></p> <p><img src="/images/智能门铃/3.jpg"></p> 2014-04-09T00:00:00+00:00 http://hinleung.github.io/Remotecontrol <h3>拇指的活动</h3> <p><img src="/images/GV/遥控器设计/1_03.png"></p> <h3>单手操作哪家强?</h3> <p><img src="/images/GV/遥控器设计/2_03.png"> 在手机界中，iPhone4，4S当属单手操作最强，用户会用他们的拇指来定位考虑他们需要的范围。 那么在遥控器设计中，我们也可以应该向iPhone学习</p> <h4>单手使用率</h4> <p><img src="/images/GV/遥控器设计/3_03.png"> 用那个手进行操作取决于用户的便利性。例如，使用惯用手或右手正用于其他任务时。</p> <h3>主流盒子遥控器</h3> <p><img src="/images/GV/遥控器设计/4_03.png"> 主流盒子遥控器长度140-150mm 宽度37-39mm， 厚度则根据电池不同而设计，使用纽扣电池的小米遥控器号称最薄12mm。 使用7号电池的遥控器最薄处16mm。 建议采用7号电池，通用性强、使用广泛。</p> <h3>BananaTV 遥控器</h3> <p><img src="/images/GV/遥控器设计/5_03.png"> <img src="/images/GV/遥控器设计/6_03.png"> 背面的设计有一个凹槽，位置刚好在“OK”键正下方， 当手的食指定位在凹槽时，拇指将处于食指前方（遥控器的“OK”键与上方向键交界）。</p> <p><img src="/images/GV/遥控器设计/7_03.png"> 使用 “1”和“3”时，经常会按到空鼠和收藏，整个数字按键区位置 偏下，也就是说为了按到这些数字，需要施加额外的力，使遥控器保持 平衡，而使用过程中，人是凭手的触觉来感知按键位置（眼睛看着 电视），并趋向舒适的状态，此时将容易产生误操作。</p> <p><img src="/images/GV/遥控器设计/8_03.png"> 红色虚线框内的功能键，拇指要按到它们有点困难 将有可能发生误操作按到电源键或模式，颜色的不同 并不能有效防止误操作。</p> <h3>我们将进行重新设计</h3> <h4>单手操作遥控器</h4> <p><img src="/images/GV/遥控器设计/9_03.png"></p> <p><img src="/images/GV/遥控器设计/10_03.png"> 当拇指在较高的位置时操作更为灵活，也能更好握住遥控器。</p> <p><img src="/images/GV/遥控器设计/11_03.png"> 遥控器大小采用主流合理尺寸，圆润的转角，使其 握在手中更加舒适，减少虎口疲劳度。</p> <p><img src="/images/GV/遥控器设计/12_03.png"> 拇指在遥控器上能轻易活动的范围。</p> <p><img src="/images/GV/遥控器设计/13_03.png"> 四方键和“OK”键放置在遥控器1/3位置上迎合用户 的舒适手势(OK键设计可比方向键略下沉)。</p> <p><img src="/images/GV/遥控器设计/14_03.png"> 简洁和合理的按键布局，极大的减少误操作发生和用户记忆。</p> <p><img src="/images/GV/遥控器设计/15_03.png"> 以上面的基础，衍生出其他方案</p> <p><img src="/images/GV/遥控器设计/16_03.png"> 在合理的位置上可放置一些辅助功能键，如：语言、收藏功能。</p> <p><img src="/images/GV/遥控器设计/17_03.png"> 当四方键不能取缔音量键功能时，需增加音量键，设计成竖形目的是要与其他按键明显区分开来，防止误操作。 <img src="/images/GV/遥控器设计/18_03.png"> 遥控器和手机的单手握姿极度相似，可把 开/关键、音量键放置在遥控器右侧。</p> <h4>表面材质</h4> <p><img src="/images/GV/遥控器设计/19.jpg"></p> <ul>类肤材质</ul> <p>比起镜面材质不易留汗迹的同时更加细腻舒适的手感。</p> <ul>在遥控器正面及按键可以使用这种材质</ul> <p><img src="/images/GV/遥控器设计/20.jpg"></p> <ul>亚光(黑色)材质</ul> <p>耐脏耐磨，可运用在遥控器的背壳上</p> 2014-03-11T00:00:00+00:00 http://hinleung.github.io/fenxifangfa <p><img src="/images/blog/竞品分析方法/图片1.png"></p> <h3>什么是竞品分析</h3> <p>“竞品分析” 来自于人类学中的一种“比较研究法” 是指对两个或两个以上的事物或对象加以对比，以找出它们之间的相似性与差异性的一种分析方法。</p> <ul>官方的解释，“比较研究法”的步骤是：</ul> <ul>1.找出同类现象或事物</ul> <ul>2.按照比较的目的将同类现象或事物编组作表</ul> <ul>3.根据比较结果作进一步分析</ul> <ul>应用到互联网产品中， 竞品分析 有这样的步骤：</ul> <ul>1.设定分析目标——竞争对手</ul> <ul>2.将同类功能模块或外观细节编组作表</ul> <ul>3.根据比较结果作进一步分析</ul> <h3>为什么要做竞品分析</h3> <p>当你无法判定一件事物的对与错、好与坏的时候，最好的方法就是拿与它类似的事物来比较一下。做用户体验如此，做产品也是如此——“我们都不知道怎么做，不如看看别人是怎么做的”。</p> <ul>知己知彼：了解市场上同类产品和本品的相对位置</ul> <ul>取长补短：选取竞品可借鉴的地方，对本品做出改进</ul> <h3>竞品分析框架</h3> <p><img src="/images/blog/竞品分析方法/图片3.jpg"></p> <h4>1.竞品选择</h4> <p>我们可以选择较为优秀的产品进行分析，而不需要贪大求全选择所有的竞品。范围并不局限于具有直接竞争关系的产品，如：Instagram、美图秀秀</p> <h4>2.分析维度</h4> <p>通常我们对竞品进行分析，可能会从以下几个维度进行对比分析：战略定位、盈利模式、用户群体、产品功能、产品界面（交互方式、视觉表现）等。 竞品分析是每一个互联网从业人员都需要做的一项基本工作，不同的职能区分，侧重点会不一样。如运营人员可能更加侧重产品的战略定位、盈利模式、推广方式，产品策划人员更侧重于产品定位、目标用户、产品功能。交互设计师更侧重于产品界面、具体的交互形式。当然这些维度是有机联系的，断然不可以孤立对待。</p> <h4>3.分析准则</h4> <p>交互设计的竞品分析可参照“可用性准则”来进行。移动设备端的应用也可参照iphone的HIG或其他公司的HIG，如Google，yahoo，微软等。 常用的10项可用性准则（此外，还有其他的可用性准则, 这里有个总结）：</p> <ul>1.一致性和标准性</ul> <ul>2.通过有效的反馈信息提供显著的系统状态</ul> <ul>3.方便快捷的使用</ul> <ul>4.预防出错</ul> <ul>5.协助用户认识，分析和改正错误</ul> <ul>6.识别而不是回忆</ul> <ul>7.符合用户的真实世界</ul> <ul>8.用户自由控制权</ul> <ul>9.美观，精简的设计</ul> <ul>10.帮助和说明</ul> <h3>竞品分析内容</h3> <h4>1.特性罗列</h4> <p>以产品功能维度而言，我们需要将竞品A具体哪些功能、竞品B具有哪些功能一一呈现。这一部分是竞品分析的基础，或者称之为分析评价的对象。</p> <h4>2.分析评价</h4> <p>以交互设计的竞品分析为例，依照一定的可用性评价指标，对界面布局、交互方式、动画效果等进行分析评价。 竞品分析评价有两个方面：客观和主观。是基于客观的评价指标进行客观的评价，还是基于个人经验和主观体验进行评价呢？这两种方式需要区别呈现。如果通篇都是交互设计师个人的主观评价，可能受限于自己的专业素养，难免会出现评价失准，得不到阅读者的认同。</p> <h3>竞品分析例子</h3> <h4>常用例子1</h4> <p><img src="/images/blog/竞品分析方法/5.jpg"> 不用多长时间，就能够看出那些地方有问题，那些地方需要改进，那些地方可以吸取</p> <h4>常用例子2</h4> <p><img src="/images/blog/竞品分析方法/6.jpg"> 主要是针对功能点的比较——有或没有。判断出，和竞争对手相比，我们有哪些弱点或优势，并随之进行调整。</p> <h4>常用例子3</h4> <p><img src="/images/blog/竞品分析方法/7.jpg"> 用来比较产品的核心。表达出来产品的改进规划和超越竞争者的优势及困难</p> <h3>简单高效进行分析</h3> <p><img src="/images/blog/竞品分析方法/图片4.jpg"> 想要快速高效完成竞品分析，个人认为在进行分析前必须先想清楚以下几点 ####想想这个分析的目的与价值是什么? <li>用于了解市场?</li> <li>用于方向决策?</li> <li>用户产品功能设计?</li> ####透过这个竞品分析，你和你的团队要得到的是什么？ <li>是一些的共识呢？</li> <li>一些有用的总结？</li> <li>还是一些验证？</li> <li>或是启发设计的点？</li></p> <p>当这些问题得到清晰回答后，你会发现在进行分析时会变得更有针对性。</p> <ul>此外，我们还要避免只从分析者的职业角度做竞品分析</ul> <ul>看看团队做过的分析或竞品分析规范/模板（可以尝试了解当初这个规范/模板设计的原因，尽量不要被规范绑死。）</ul> <ul>避免过多的专业用语，确保阅读的流畅度，并假设你的读者不是专业人士，还有确定你真的了解你用这些名词的时机与目的。</ul> <h3>若作为一名交互设计师</h3> <p>我们可从产品设计出发，分为<em>功能</em>、<em>交互</em>、<em>视觉</em>三个方面进行竞品比较</p> <h4>功能分析</h4> <p><img src="/images/blog/竞品分析方法/8.jpg"> 首先对该类产品的用户需求或者用户使用过程进行归纳。从功能的完备性（必要功能是否都具备，是否人有我有）和完善性（是否人有我优）进行逐项比较。功能分析能够启发对产品定位的思考。有时功能过多，也考虑衡量一下一些非必要功能。</p> <h4>交互分析</h4> <p>对具有可比性的功能，进行交互比较。在功能比较的基础上，可对具有可比性的功能的提供过程同步进行交互比较。如比较操作步骤数量、比较交互的辅助质量。</p> <h4>交互分析</h4> <p>可根据产品的使用场景、产品系列、企业识别等方面进行分析。在对交互进行了分析之后，再对视觉进行比较。相比功能和交互，视觉显得比较表面化，相对独立。可根据产品的使用场景、产品系列、企业识别等方面进行分析。 在实际比较过程中，往往会发现功能和交互、交互和视觉常会互相牵扯。</p> <p><em>进行竞品分析是很有意义的，能了解到竞品不同层次的功能、设计等，区分不是目的，了解才是最终所要的。有助于对产品设计提出更佳的转化建议。学习竞品，又不停留于竞品的现有水平，这就是所谓的微创新。</em></p> 2014-03-09T00:00:00+00:00 http://hinleung.github.io/tvpad5 <p>改版设计思路：对旧版开机向导过多的设置项、操作流程进行化繁为简。把遥控器的四方键、确认键、返回键的使用功效融入到开机向导，培养用户使用习惯。</p> <p><img src="/images/GV/tvpad5/1.jpg"> <img src="/images/GV/tvpad5/2.jpg"> <img src="/images/GV/tvpad5/3.jpg"> <img src="/images/GV/tvpad5/4.png"> <img src="/images/GV/tvpad5/5.jpg"> <img src="/images/GV/tvpad5/6.png"> <img src="/images/GV/tvpad5/7.png"> <img src="/images/GV/tvpad5/8.png"> <img src="/images/GV/tvpad5/9.png"></p> 2014-01-25T00:00:00+00:00 http://hinleung.github.io/HotelIPTV <p><img src="/images/GV/酒店iptv/03定制版酒店_直播.jpg"> <img src="/images/GV/酒店iptv/10定制版酒店_电影详情.jpg"> <img src="/images/GV/酒店iptv/欢迎页.jpg"> <img src="/images/GV/酒店iptv/首页.jpg"> <img src="/images/GV/酒店iptv/电视剧.jpg"> <img src="/images/GV/酒店iptv/电影详情.jpg"> <img src="/images/GV/酒店iptv/直播.jpg"></p> 2013-09-28T00:00:00+00:00 http://hinleung.github.io/taijiemoban <p><img src="/images/GV/泰捷模板/首页-超出一屏.jpg"> <img src="/images/GV/泰捷模板/电影.jpg"> <img src="/images/GV/泰捷模板/电影-详情.jpg"> <img src="/images/GV/泰捷模板/直播-调出频道列表.jpg"> <img src="/images/GV/泰捷模板/首页.jpg"> <img src="/images/GV/泰捷模板/资源列表.jpg"> <img src="/images/GV/泰捷模板/资源详情.jpg"> <img src="/images/GV/泰捷模板/直播.jpg"></p> 2013-07-17T00:00:00+00:00 http://hinleung.github.io/PCBAapp <p><img src="/images/GV/pcba/02首页_demo_20140314.jpg"> <img src="/images/GV/pcba/首页_环形菜单不可用.png"> <img src="/images/GV/pcba/流程图.jpg"> <img src="/images/GV/pcba/首页.jpg"> <img src="/images/GV/pcba/游戏.jpg"></p>