web端与移动端产品设计区别

同一产品不同的终端,在设计上相同却又不相同。(20191008-1009)

一、在功能上web做加法,app做减法

web端更重视功能的齐全,能否直观的查看到或者使用更多的功能,所以一般在同一个页面,在界面设计允许的情况下,以功能齐全为优先,功能做加法。

移动端则重视功能分级,根据功能权重分级,权重最高的功能展示在主页面,次一级的功能可以通过“抽屉”,隐藏在主页面下,每个页面都是功能做减法。抽屉有上下,侧边抽屉方式。

二、交互上

2.1操作不同

web端用鼠标操作,鼠标单机,悬停,滚动等。移动端则是手指操作,点击,长按等

2.2交互形式上

web端数据列表常分页,信息输入多下拉。

移动端数据列表常下拉加载,信息输入多页面。

三、设备需求上

1.设备需求不一样

web端显示器大,窗口可以随意缩放。

移动端窗口小,用户操作多为线性流程,用户使用习惯多为碎片化时间。

2.反馈机制不一样

web端很少有主动反馈,一般也就进某些网站,弹出业务聊天窗口。

移动端则是可以推送消息,主动反馈普遍也明显,所以需要考虑到如何让用户打开推送,再考虑让用户喜欢推送。

3.网络机制

1.web端若要上网,一般是在有网的同一位置。除了极少数停电的情况

2.手机端位置不固定,都有过丢失信号无网络的情况,那就要考虑好无网络时,哪些数据是可看不可看的,而且,手机还要考虑在使用流量与wifi情况下的不同场景,比如电影,若在流量情况下,需要提示是否要连wifi了再看。

4.展示对象不一样

web端需要注意浏览器的适配。

移动端需要注意各手机型号的适配。

四、其他

移动端设计有几种信息架构,层级式、辐射式、套娃式、标签视图式、仪表盘式、筛选视图式。

他要遵循的6个原则有:

mvp原则:当前页面以展示当前核心内容功能为优先。突出重点

易用性:操作简单,上手快。

可扩展性:建立完善的产品信息架构,当迭代优化时能聚焦到功能点附近,不影响其他功能的显示与使用。

手势优先性:移动端不只是点击,手势操作更要优先考虑,提高使用便利性。并且各手势功能应该保持一致。

转换输入方式:移动端应减少文字输入的部分,多加入选择或者语音输入方式。

为中断而设计:移动端多为碎片化时间来处理事情,所以要考虑各个中断的场景

最后要注意,安卓与苹果的各方面也是不一样的,比如说封装性,比如说物理交互,截屏与返回,而且两种系统在设计的时候也有出入,比如字体大小,尺寸,使用单位、控件(导航,弹窗,动画,按钮,键盘,选择控件)等

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

推荐阅读更多精彩内容

  • 如何设计移动端产品? 大家好,我是IT修真院上海分院第4期学员,一枚正直、纯洁、善良,严谨理性与艺术智慧并存的PM...
    L_7fab阅读 702评论 0 3
  • 产品知识面考察 真题 例题分析 例题7.3 DAU代表 。 日用户点击量 月活跃用户数量 日活跃用户数量 网站...
    爱摄影的奥派阅读 12,289评论 4 46
  • 同学们,你在生活中你遇到过必须坚持到底才能胜利的困难吗?你要是怎样去做的呢?先来听听一个乌龟坚持不懈的故事吧。 在...
    要惠哲四五班阅读 161评论 0 0
  • 很多烤鸭不知道怎么写好雅思作文,读别人的范文觉得很好,但是读完就没有然后了,还是不会灵活应用! 雅思高分范文到底有...
    不爱睡懒觉的小芝麻阅读 219评论 0 0
  • 今天,与发小的促膝而谈深深的得知了计算机行业的可怕,正所谓每一个行业都有其复杂的地方,你如果不深深的投入到里面去,...
    ss毅阅读 780评论 2 4