产品设计中半壁江山-移动端产品设计

醉后不知天在水,满船清梦压星河。                                --无名

当今社会,若论发展速度,互联网当仁不让的位列第一,从PC时代到互联网时代,再到移动互联网时代,再到马上到来的智能时代,这几代的发展总体来说也就只有几十年,如果你去桃花源中住一年,回来之后,你可能连怎么点餐都不知道啦。


(图1 互联网时代)

而推动互联网的发展的,除了技术之外,当属纷繁的产品最为夺目。他已经渗透进了每个人的日常生活,你出门短距离可以用 Mobike,远距离我们可以使用滴滴等打车;吃饭可以用美团、饿了吗点餐;租房可以用贝壳等;还有各种各样的电商平台供我们使用......

在如今的时代中,产品设计的分类当然有很多种,其中一下集中较为代表。

web端产品:基于网页的产品,完全依靠网络;

PC端产品:可以在Windows下独立运行,部分功能不需要网络:

移动端:主要应用于手机端,也见于平板、pad上;

wap端:又称H5,移动端的网页版。

现下人人一部甚至几部智能手机,移动端的产品无疑会更加的适应时代的需求,所以如果说你能够移动端的产品设计在这个时代是相当吃香的呢!


(图2 移动端产品)

接下来给大家普及一些移动端产品设计的基本知识!

试想一下,我们现在要用一款新闻类的移动端产品,我们首先点击一下产品的icon,接下来准备进入APP,等待过程中可能有一些动画;然后进入到了一个页面,让你选择你的兴趣爱好等;接下来就进入有title可供选择你的感兴趣的页面,你可以选择你感兴趣的新闻种类。我们暂时先占在这些角度进行产品分析吧!

01

在点击之后的看到的页面,我们可以称作为启动页,而启动页基本上没什么内容,主要是一些加载动作,所以对于启动页的设计最重要的就是要让让用户降低对于时间的敏感性,而其他一些升级检测、push权限检测和登录状态检测都是后台进行的。那怎么样才能让用户降低敏感性呢?这里推荐三种方法:1、进行品牌推荐,2、制作内涵小清新画面,3、跟进社会热点、营造新奇感。


(图3 举例)

02

接下来,部分APP会让我们选择自己的喜好或者其他的形式。我们称这个页面为引导页,引导页本是可有可无的,但是为什么很多APP中都会选择去设置呢?那是因为引导页一方面能够突出产品的核心,帮助我们更好地去抓住用户的心;另一方面我们也可以通过引导页去推荐内容,能够更好地为用户进行推荐。

那么引导页有哪几种方式呢?普遍的来看,大致分为四种:

一、幻灯片式引导:这种方式帮助我们更好地介绍我们的产品,帮助用户对我们的核心功能做更深入的了解

二、动态式引导:增加趣味性,非常适合于一些特定用户

三、遮罩式引导:这种方式比较强势,需要用户跟着操作,引导性更强

四、交互式引导:多见于游戏


(图4 引导页)

03

当我们进入APP中后,我们马上看到的就是导航页,他是最重要的一part,它直接关系到用户的体验是否良好。

我们常见的导航有以下几种:

一、标签式导航:这是我们最常见的一种,一般控制在3-5个。好处在于特别直观。例如:淘宝

二、桌面式导航:纯粹桌面式导航很少,一般会结合其他的导航方式作为二级导航。例如:美图秀秀

三、抽屉式导航:这种方式更加突出核心功能,减少导航的影响。例如:高德地图

四、点聚式导航:通常需要把最常用的功能放在界面中心,方便使用。例如:咸鱼


(图5 导航页)


除了这些以外,还有一些比较常见的页面,也需要我们进行设计。

04

弹窗界面:用于对用户进行提醒,避免一些不必要的操作。

弹窗分为以下几种:

dialog(模态弹窗):警告与提示用户,减少页面跳转、减少操作成本,一般只有一个功能按钮

toast(非模态弹窗):延时消失提示,警告提醒用户

actionbar(模态弹窗):模态弹窗,包含多个功能按钮,带操作,例如、微信消息长按

snackbar(非模态弹框):安卓专属、ios需定制,延时消失弱提示,带操作


( 图4 snackbar(非模态弹框) )

05

输入框的设计

输入框相较之下,较为简单。主要遵守两大准则即可,一、帮助用户快速填写;二、立即校验给出反馈

另外还需要考虑这些内容


(图5 输入框注意项)


(图5 输入框注意项)

06

通知消息提醒:需要引起用户注意,同时又不打断用户使用。

一、push推送:

1、运营手动触发类push:后台运营输入

2、按照某种策略自动触发的:产品设计的时候给技术提需求

二、浮层推送:

app内通知,辐条形势展现,具有较强的引导性,会打断用户操作。常在APP进入时弹出。

三、标注推送

常见红点和数字,当数据量大的时候用数字,小用红点。例如:淘宝待收货提示

四、其他(微信服务号&手机短信)

微信服务号:免费、效率不高

手机短信:不免费、效率略高

07

另外,还有两种常见的页面,刷新和加载页面。

他们在于APP中都存在,可就自己设计APP相近的软件进行参考。这里就不在赘述。

希望大家看后有所收获。

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

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,074评论 4 62
  • 如何设计移动端产品? 大家好,我是IT修真院上海分院第4期学员,一枚正直、纯洁、善良,严谨理性与艺术智慧并存的PM...
    L_7fab阅读 702评论 0 3
  • 作者:[印度]克里希那穆提 廖世德译 刚刚散步的时候,不知道你们有没有注意到河边有一个狭窄的池塘。河流又宽又深,水...
    worldhello阅读 714评论 0 1
  • 导读 “那不勒斯四部曲”在世界范围内掀起了“费兰特热”,千万读者为书中对女性友谊极度真实、尖锐、毫不粉饰的描述所打...
    易丘藏书阁阅读 664评论 2 14
  • 所谓“幸运”其实就是幸运的被绑架,或者被幸运所绑架。同样的道理适用于不幸。好运气和坏运气,当初只是一念之差,但最后...
    gyl58365阅读 229评论 0 0