美文网首页移动APP产品体验每日一画设计
UI--旅行类手机APP设计(一)

UI--旅行类手机APP设计(一)

作者: Sophia的博客 | 来源:发表于2017-01-07 13:20 被阅读251次

    这个题目好像有点大,对于刚刚学设计的我来说,也是一个挑战,我想这也是每一个想从设计爱好者转变为设计从业者,所必须要尝试和经历的事情。量变引起质变,我从来不觉得什么事情投机取巧就能完成的很好。笨鸟,说的就是我😄

    定位

    一是为了找工作多一份作品,二是为了锻炼一下自己把控定位产品的能力,所以需要自己给自己设定一个题目,这个题目本身也要有要求。

    1. 题目本身不能过大
    2. 要有一定的商业定位
    3. 是发自内心想做的东西

    最终选择旅行类APP,自从自己工作以来,只要有闲暇的时间,总会马不停蹄的往外跑,想看看外面的山山水水,也想看看外面人们的风土民俗和生活方式。有时候和同学朋友同行,有时候一个人背起背包,就出发了。
    其实最想的还是能带着年迈的父母,在他们身体还健硕的时候,能和他们一起出去走走,带他们看看我们觉得精彩的世界,路上说说心里话,开心畅快的做一次全家出动的旅行,最好是三代同堂的旅行。

    所以这个题目选择起来,难度并不是很大。
    此APP主要面向的人群应当是中青年有一定收入基础的人群,他们在朝九晚五的工作完成之后,也同样想能有时间能陪伴自己的家人,放松身心,所以短途出行是一种不错的选择。

    细化

    定位完成之后,就是要在内容的选择上下一番功夫。

    一般APP的Tab页会有四到五栏,每一栏都会有针对和侧重的内容,每一栏该如何设计,内容的安排与衔接,这是很考验逻辑思维的地方。由于时间比较久远,一些具体思考的细节有遗失,但我尽全力梳理出来。

    1. 首页

    首页的话一定是展示整个APP最精彩和最核心的内容,当然我们的APP最核心的内容就是旅行的过程,也就是旅友们认真上传的游记。这里会选择最热门最精彩的,呈现在首页。

    首页支持显示每一篇游记的名称,旅游地点、时间,还有同行的人员,比如说父母或者姐妹,是为了方便同样想带这些亲人组团的同学有一个针对性的参考。

    2. 朋友圈

    朋友圈的展示内容暂时设定为四种,也是围绕着全家出行的这个核心:

    1. 游记:旅行过程,以及过程中好玩的风景和事件的分享;
    2. 全家福:全家合照的分享,可以只分享照片;
    3. 旅行小贴示:旅行中的经验和友情提示;
    4. 旅行计划:何时何地想带谁一起旅行,目的是方便亲人和朋友之间组团出行;

    凡是加为好友的朋友分享的上述四类内容,都可以点赞、评论和分享。

    3. 贴示

    这里展示的是一些自己关注的和热门的旅行贴士,例如:防晒、婴儿、登山等需要注意的事项,都是其他同学的宝贵经验,非常值得借鉴。

    可点赞、评论、分享。

    4. 我的主页

    将显示我的个人信息,用于个人内容管理:

    1. 我的名字、头像;
    2. 粉丝和我关注的人;
    3. 收到的赞和评论;
    4. 收到的私信;
    5. 我分享的内容展示:游记、全家福、旅行贴士、旅行计划;
    5. 分享

    首页Tab页最中间最明显的Icon,就是分享按钮。可以分享四种内容,分别是游记、全家福、旅行贴士、旅行计划。

    下面是第一版的交互设计稿,看起来很ugly,不过确实也是费了一番功夫的。最难最核心的就是业务逻辑的梳理,只要梳理清楚,交互流程很快就能画的出来。至于交互流程如何画的清晰,如何能让UI设计师和程序员一目了然看的清楚直白,这是交互设计师的修炼,需要不断完善技能。

    travell_app_prototype-Recovered.jpg

    相关文章

      网友评论

        本文标题:UI--旅行类手机APP设计(一)

        本文链接:https://www.haomeiwen.com/subject/alqfbttx.html