童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

浅谈ipad阅读类应用设计

1月9日 罗刹长投稿
  自古以来,人们从阅读中了解最新资讯,学习知识,陶冶情操。随着社会和科技的发展,新的阅读设备,阅读方式,丰富的多媒体展示,让阅读这一人类行为更加高效化和多样化。对于平板电脑这个较新的媒介,我们如何能进一步提升用户的阅读体验,这需要我们对用户使用场景,任务规律,操作习惯以及信息展示特点进行更深入的分析。本文旨在以分析阅读行为为基础,配合时下iPad端阅读类应用的分析,与大家共同探讨升阅读体验的设计心得。
  让用户享受加载过程
  当我们打开一个应用时,面临的第一个问题就是加载。优化你的加载过程,提前显示部分信息或者做个合适的loading动画效果,让的用户知道你的应用已经在一步步执行他的操作,给予他应得的反馈,如此也让用户更有耐心等待加载。
  如Flipboard打开应用时,cover从旧版的固定图片变为你订阅内容的图片,在第一时间建立起阅读内容和用户的联系,在等待过程的同时阅览正在更新的信息。
  如腾讯爱看,在等待动画过程中,清晰的告诉用户产品的功能布局。
  如TEE2,报纸卷出现展开的过程如此自然,谁能想这是它加载太慢的trick。
  
  大量图片加载过程中,在图片站位处提前展示部分文字信息,逐个显示图片,既让用户预先有信息可获取,整个加载动态十分愉悦。如显示量化的loading进度,可满足用户对较长等待时间的心理预期。
  增强视觉的真实感
  将真实世界的元素投影到界面上有助于用户对应用快速建立起联系,增强互动性。模拟真实世界元素,便于用户直观的了解其内在功能与逻辑关系。
  提取传统纸媒的元素(如报纸,杂志),便于用户快速了解应用的主要用途
  
  通过信封的隐喻,暗示用户从阅读界面进入分享界面
  关注横屏和竖屏的变化
  iPad可根据重力感应,横屏和竖屏展示不同的阅览效果。你很难帮用户决定他们会使用哪种方式来用你的应用,又或许他们就是喜欢把iPad颠来倒去。所以在设计时应考虑到这一点,无论如何旋转,尽量保持阅读舒适度,毕竟内容才是永远的焦点。
  横屏和竖屏并不仅仅意味图像内容的拉伸,调理好内容的排布,使之更适应当前屏幕。
  iPad不喜欢底部导航
  随同为iOS系统,但在iPad上底导并不像在iPhone上表现那么好。用户注意力通常集中于屏幕中心的内容,由于iPhone的屏幕较小,用户容易注意到底部的信息,同时相对于顶部,底部更适合单手操作。然而移植到iPad上,由于屏幕较大,底部信息很容被忽略掉,同时考虑到用户在使用iPad时的姿势,底导成为了盲区,易被遮挡,不便于操作的部分。
  特别是当底导还附有事实提醒的功能时,实时就有些如同虚设了。
  沉浸式的阅读体验
  良好的外观与功能整合会提升用户体验。相对于效率型工具应用,需要提供用户频繁操作,便于快速操作的便捷。阅读类产品,则是提供用户在阅读时的专注与沉浸体验。
  如PReader,阅读时全屏展开,顶部和底部导航隐藏,便于用户更专注于内容本身,提升阅读体验。
  又如TEE2,顶导处于隐藏状态,当用户需要时,下拉显示
  用动画来导航
  App中的动画效果绝不仅仅是为了打造酷炫的应用,更重要的是他能让用户知道自己从哪来,到哪去,帮助用户了解产品构架和层次。便于其理解产品功能,进而让用户产生良好的心理感受
  例如Flipboard,在目标文章处点击或out操作,查看详情,这个伸缩的放大效果便于用户清晰的认识新页面与之前页面的关系。又如TEE2,页面翻动效果,让用户了解前进方向,以及如何回到上一页。
  操作的统一性与连贯性
  用户下载应用不是为了学习奇妙复杂手势操作的,如果这些操作不是连贯统一的,很难让用户在短时间内记住他们,非预期的触发会带来挫败感。保持操作的统一性与连贯性,将有效的降低用户学习成本,便于记忆和使用。
  在任务进行中提供引导
  相对于开机前的一连串功能操作讲解,先不讲用户会记得多少,他是否会耐心看完都是个问题。在任务进程中,给予适当,关键的操作引导,专注于帮助用户完成即时任务,能有效引起用户关注并协助解决实际问题。
  在进程中的引导,可以是第一次使用时专门的页面给予文字提示,也可以是轻巧的角落标注来引导用户。
  清晰的导航逻辑
  当用户无意中触发了某个操作,进入到新的页面,人们最普遍的反应就是:我该如何返回?然而很多应用都忽略了这一重要功能,back。事实上,iPad上的应用丢失了web端的一些功能。不同于web端,任何页面在浏览器内打开,统一使用浏览器的前进,后退便能轻松返回之前的页面。iPad端需要把这些功能设计到应用之中,如果用户可以轻松的找到返回的出口,那无疑是让用户体验更加流畅和舒适。
  利于指尖操作的尺寸
  Apple’iPHIGuidelines建议最小尺寸为44x44pixel,Microsoft’WPUIDIGuide建议34x34pixel,Nokia’DGuidelines建议28x28pixel。最小尺寸究竟是多少?(以下资料来自SMagazine)
  在操作过程中,使用拇指肚是比较自然的行为,但如果target过小,很容就被挡住了,用户无法看到触发反馈。使用指尖虽避免此问题,但用户需要调整手指姿势,导致操作行为并不流畅。
  不仅如此,targets之间触发区域的间隔距离也十分重要。如果过近,很容易造成误操作,严重影响用户体验。由于拇指和食指的宽度不同,食指操作会更加精确,但有时一些没那么重要的操作还需要用户调整姿势,并不能称为一个好设计。比如用户通常使用拇指来滑动页面,但却需要用食指来点击小按钮。这一点尤其是在手机端上,很多人在使用手机时并不是双手都空闲,比如挤在地铁上,单手操作的重要性不言而喻。
  MITTLHFMTSense
  由MIT的一项调查表明,成人平均食指宽1。62cm。移植到手机屏幕即57pixel。成人的平均拇指宽1ch(2。5cm),即72pixel,此尺寸便于用户触发,同时可从指尖边缘看到触发反馈,便于点击或者移动target,用户操作再不需要小心翼翼了。相关机构的调查表明,当触发目标变大时,人们的操作明显变快,而误操作率明显下降。然而当理想照进现实,针对于有限的屏幕尺寸,这些按钮可能占据大量空间,影响主要内容展示。所以我们需要设计targets的尺寸,而不是照搬guidelines。
  以上仅为个人在实践中的一些积累,欢迎大家讨论并给予更多建议。
  (微博UDC原创博文,欢迎转载并注明出处,欢迎订阅)
投诉 评论 转载

基于用户细分的比较分析从网站的用户层面,我们根据用户访问的行为特征将用户细分成各种类型,因为用户行为各异,行为统计指标各异,分析的角度各异,所以如果要对用户做细分,可以从很多角度根据各种规则实现各种……XX秒快速注册?那接下来呢?我们经常会在各个网站的注册页面看到“xx秒注册”的提示,此处摒除垃圾站点或游戏的广告不提,但有谁想过为什么要有这样一个提示呢?大家印象中熟悉的注册过程,都需要填写一大堆信……智能电视UI设计那些事儿随着国际市场上GoogleTV的发布和国内电视厂商纷纷推出定制AndroidTV的脚步,一时间智能电视平台成为了众多高科技企业争相抢占的新市场。较早的智能电视平台探索者有Goo……框架升级项目总结:谈体验优化与用户习惯的延续我的阿里作为阿里巴巴用户的操作后台,在前面两年的时间里,从阿里助手,到工作平台,再到我的阿里,经过几次信息架构和整体的调整,搭建了现在的基础框架。变化总是存在一定的风险,甚至会……22条站内搜索优化策略我们以各类营销方式,使访客通过直接输入地址、搜索引擎搜索、邮件或标签回访等方式访问站点。愿意拜访,并不是我们的营销手段高明,而是他们都怀揣着一丝渴求,渴求获取:心爱的物品、最新……浅析平面与网页设计的差异性这段时间,一直在做印像派的商品设计,如照片书、台历之类。从网页产品设计转行过来的我,时常在想,平面设计和网页都是设计,但区别又是那么大,那不就与大自然中的猫和老虎一样嘛,它们都……在屏幕上设计键盘手机都变触屏的了,手机上的键盘也不可避免的成了虚拟键盘。在屏幕上设计虚拟的键盘会遇到些什么问题?问题一:木有触感了没有了触感,对于人机交互来说,是个退步。人对设备的……为什么人们喜欢翻页效果?虽然现在静下心来阅读的时间很少,但是阅读软件仍然是我的智能手机中必备的软件。自从Android2。x时代以来,一直使用的阅读软件是Aldiko,原因是界面不错、操作直观、支持读……浅谈ipad阅读类应用设计自古以来,人们从阅读中了解最新资讯,学习知识,陶冶情操。随着社会和科技的发展,新的阅读设备,阅读方式,丰富的多媒体展示,让阅读这一人类行为更加高效化和多样化。对于平板电脑这个较……交互设计是一种思维过程最近常常收到一些童鞋们的来信,经常询问的问题集中在:如何成为一位交互设计师?应该学习那些软件?我有时候不知道如何开始回答,大约在心中觉得交互设计师是一个对综合能力要求很多……详解Path2。0的UI设计如Path的创始人DaveMorin所说,Path的第二个阶段是要让人们在人生道路上“抓住所有体验”(capturealltheexperiences)。这款目前的私密社交应用……大型网站复杂业务持续重构之道全程领域建模实践人物介绍:JackChen“宠物商店”的首席架构架构师,拥有丰富的软件设计与建模经验,但对新生事物持怀疑态度。王总“宠物商店”的总经理,从美国留学后回国创立“宠物商……
做有温度的设计:设计有故事感的标签图标从产品的形态、战略层和市场层,聊聊互联网产品的构建设计实战:视觉设计如何继承品牌基因?网站要上线了,问问自己这15个问题再做决定设计思考:当项目中遇到技术限制,设计该如何弥补?网页顶部导航栏设计总结案例分析:作为语言学习类的App,Memrise是如何成功的交互设计背后的心理学原理魅力产品6动力7功能以及打造的5步法移动应用的弹窗设计指南产品设计前的问题洞察,你做到位了吗?产品设计产品框架3C方法论
茉字取名寓意好吗带茉字的洋气女孩名字首选汽车封釉前要抛光吗如何通过产品上的精妙设计,实现用户增长?colourpop丝绒唇膏试色colourpop丝绒口红桂花有什么功效杭州东美哲慧文化科技有限公司CEO桂强军赴香港交流元宇宙We优斐斯传明酸白天能用吗不需要避光哦值得一看的经典历史纪录片四速速收藏一起寻味东莞,推荐几道养生美食【歌词】给我个机会歌手:唐建树热议聚热点网 封杀早恋使孩子成同性恋晋明帝司马绍评价如何司马绍最后怎么死的

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界