免费下载案例集|20+数字化领先企业人才培养实践经验 了解详情
写点什么

百度技术沙龙第 21 期回顾:交互设计在 Apps 中的开发实践(含资料下载)

  • 2011-12-22
  • 本文字数:1771 字

    阅读完需:约 6 分钟

在 12 月 17 日由百度主办、InfoQ 策划组织实施的第21 期百度技术沙龙活动上,来自百度商业产品用户体验部的高级经理李年福、PhoneGap 中国社区技术总监钟馥百分别分享了各自在交互设计方面所取得的成果及经验,话题涉及“互联网产品的体验与设计”,以及“快,快,快 - 互联网产品用户体验第一军规”等。本文将对他们各自的分享做下简单的回顾,同时提供相关资料的下载。

主题一:互联网产品的体验与设计视频,MP3 和 Slides 资料下载

来自百度商业产品用户体验部高级经理李年福第一个为大家分享,分别从交互设计的基本概念、可用性原则及设计原则、具体案例等几个角度来进行讲解。其中重点讲述了可用性原则和设计指导原则,可用性原则主要涉及以下几个关键点:

  • 反应用户的心理模型
  • 易学性
  • 简洁性
  • 避免干扰和打断
  • 减轻用户记忆负担
  • 及时有效的反馈
  • 让用户放松心态,不怕犯错
  • 输入操作
  • 使用用户的语言

紧接着,李年福分享了一些设计中的指导原则,其中包括:

  • 一致性原则:审美一致
  • 组块原则
  • 能辨度原则
  • 信噪比原则
  • 渐次呈现原则
  • 形式追随功能
  • 包容
  • 图片优势效应
  • 对齐

此外,李年福还对设计流程(涉及调研、概念定义、界面设计、实施和发布等阶段)、体验设计的思路进行了讲解。随后通过大量的实例说明了设计的重要性,其中不乏 Flickr 上传照片、eBay 文案以及北京空气质量报告客户端等经典案例的介绍,最后,提到了他对互联网产品体验与设计的认识:

设计是为了让信息更好的传递,产品体验 =SUM(产品策略:界面设计:技术开发:推广运营:售后服务)。

主题二:快,快,快 - 互联网产品用户体验第一军规视频,MP3 和 Slides 资料下载

PhoneGap 中国社区技术总监钟馥百第二个为大家分享,演讲主要涵盖用户体验之殇、快——第一军规、互联网加速方案、移动互联网速度之殇、离线 Web 应用和本地 Web 应用几部分。其中,重点分享了互联网和移动互联网的加速方案,互联网加速方案主要涵盖:

  • 方案
    • Expires
    • CDN
    • Minify
  • 工具
    • ySlow
    • PageSpeed

稍后介绍了在移动互联网中主要通过以下技术手段来解决速度问题:

  • 离线 Web 应用
    • Offline Web Application
  • 本地 Web 应用
    • PhoneGap

随后,钟馥百以一个移动终端开发 InfoQ 阅读客户端为例,讲述了如何对更新 Offline Web Appication 以及应该注意的问题。一种更快的方法是 Online to Offline 的本地 Web 应用,主要通过本地存储(LocalStorage 和 SQL Database)来实现。

Open Space(开放式讨论环节)

和以往的环节一样,​为了让参会者能够有更多的时间进行相互的交流,本次活动依然设置了 Open ​Space(开放式讨论)环节。除了百度讲师李年福、PhoneGap 社区钟馥百,来自 Rexsee 的徐珂铭也作为话题小组长进行了分享。在 Open Space 的总结环节,几位话题小组长​分别对讨论的内容进行了总结:

李年福继续将交互设计的话题进行了扩展,主要讨论了如何学习、如何做体验,如何选择简与繁,前端技术的应用,交互作用与创新,最后还聊到了 Windows Phone 和 IPhone 上设计的不同。

钟馥百分享了 PhoneGap 相关的话题,开始讨论了与 PhoneGap 有关的一些技术话题,还谈到了 node.js 使用中的一些注意事项,重点讨论了本地 Web App 性能以及服务器端 JavaScript 性能等话题。

徐珂铭享了 Rexsee 相关的话题,主要介绍了 Rexsee 产品的技术特性、开发特点以及对特色功能进行了一些介绍。

会后,一些参会者也通过新浪微博分享了他们的参会感受:​​

@afooli :交流中,解决用户体验问题,很多同学希望能有杀手锏的方法。很难。只能是边学习,边总结,边实践,边迭代。

@geely226 :今天参加了#百度技术沙龙#,前半部分讲互联网产品体验与设计,讲的不错,最后一句话说的很好:设计是为了让信息更好的传递。后半部分的技术演讲纯粹打酱油了。

@木杉 _ 王彬:今天下午参加了#百度技术沙龙#总结了 @afooli 老师的“互联网产品的体验与设计”主题演讲内容,整理成自己的学习笔记,总给一下:1. 设计是为了让信息更好的传递;2. 设计不完全是设计层面的问题,应该想的更多;3. 产品体验 =sum(产品策略,界面设计,技术开发,推广运营,售后服务)

一位参会者随后在博客上记录下了《2011-12-17 百度技术沙龙学习笔记》

有关百度技术沙龙的更多信息,可以通过新浪微博关注** @百度技术沙龙,或者加入百度技术沙龙微群 **,InfoQ 上也总结了过往 21 期所有百度技术沙龙的演讲视频和资料等,感兴趣的读者可以直接浏览阅读

2011-12-22 03:322255
用户头像

发布了 156 篇内容, 共 51.0 次阅读, 收获喜欢 7 次。

关注

评论

发布
暂无评论
发现更多内容

Vitalik Buterin: 协作的好坏两面

安比实验室SECBIT

区块链 博弈论 协作

谈谈力软快速开发平台B/S专业报表工具

Learun

小程序 敏捷开发 开发者工具 报表

第一周作业

Geek_4c1353

极客大学架构师训练营

云栖大会CDN技术专场:如何构建企业级内容分发加速体验?

阿里云Edge Plus

CDN

整合Micrometer与Prometheus & ElasticSearch

李欢颜

加速连接效率 阿里云推出5G消息使能平台MEP

阿里云Edge Plus

多方计算——打开区块链应用新场景

CECBC

区块链 大数据

简直人生外挂,直接涨薪20K,跪谢这份性能调优实战指南

小Q

Java MySQL 架构 JVM 性能调优

第一周学习总结

饺子

UML图

饺子

就餐卡系统第一周作业「架构师训练营第 1 期」

天天向善

学习

架构方法周总结第一周作业「架构师训练营第 1 期」

天天向善

学习

阿里云发布边缘计算视频上云解决方案 为海量视图处理提供城市级云基础设施

阿里云Edge Plus

边缘计算

架构师技术栈

elfkingw

[Go] 设置各种选项的最佳套路

eddix

设计模式 Go 语言

食堂就餐卡系统设计

一个节点

极客大学架构师训练营

云图说 | 通过Helm模板快速部署中间件应用

华为云开发者联盟

容器 k8s

实战中学习浏览器工作原理 — HTML 解析与 CSS 计算

三钻

CSS 大前端 浏览器

食堂就餐卡系统设计

熊桂平

系统设计 极客大学架构师训练营 UML

非传统的“易观”,和他的技术驱动之路

易观大数据

第一周学习架构方法总结

三板斧

非暴力拆解:小熊派NB-IoT通信扩展板

华为云开发者联盟

IoT 通信 芯片

程序员写个人技术博客的价值与意义

Java架构师迁哥

Vue-防止重复点击指令

老菜鸟

Vue 指令

架构师训练营01周 -- 命题作业

骏马

极客大学架构师训练营

Servlet 知识点

陈靓-哲露

食堂就餐卡系统UML设计 - 架构师训练营第1周作业

netspecial

极客大学架构师训练营

领域模型的定义

Braisdom

Java 领域驱动设计 ObjectiveSql

抓住这些BUG程序员进大厂也就这回事,工作后2到3年进大厂操作指南

Java架构师迁哥

聚焦2020云栖大会 边缘计算专场畅谈技术应用创新

阿里云Edge Plus

大咖布道丨证券行业规模化敏捷和核心能力演进

华为云开发者联盟

产品 证券 大咖

百度技术沙龙第21期回顾:交互设计在Apps中的开发实践(含资料下载)_Web框架_贾国清_InfoQ精选文章