UI设计方法步骤

第一步:设计需求背景

产品为什么样的应用,产品的理念是什么,产品的不足之处

一般问题例如:

第二步:产品设计目的

基于以上问题来思考解决方案。好看的界面设计不是一个产品的唯一标准,满足用户需求,有用性,易用性,好的用户体验才是一个产品的唯一标准,更多的是解决产品问题。在产品上,突出核心内容主要功能、删减或整合其他次要功能,使用户一目了然。

产品特色:最主要的目标是为用户提供哪些内容跟惊喜!

目标人群:产品是在怎样的情况下被使用,以及使用者的年龄区间。

设计思路:对于有目标用户快速导流,模糊目标用户提供火热推荐及随意浏览。增加用户粘性;

第三部:竞品分析

正所谓知己知彼,百战不殆,接下来要分析一下产品主要作用,以及同行业产品的优劣势。

目前主流市场的产品应用为:某某、某某、某某等。

例如视频类:

第四部:用户访谈及目标群体

每个访谈项目都必须做一个预访谈,就是访谈需求方。首先要清楚地了解这个调研要解决的是什么问题,并且向需求方沟通清楚访谈作为一种研究方法的能力和局限。这个过程帮助我们确定访谈的关键目标。

清空大脑,保持中立。访谈员对要讨论的问题会有自己的观点和预设,这很正常。但是我们需要学会的是保存一颗开放的好奇心,不要带着自己的观点和预设去访谈用户,要相信用户的答案没有对错,避免自己的观点影响到用户。

不要在问题中包含暗示。由于是面对面交流,如果用户能够感受到某个回答是你所期待的,那么他更可能按照你期望的方式回答问题。避免问是非题。实际情况可能比你提供的选项复制的多,如果只问是和否,可能会对用户造成引导并且降低了用户深入描述的可能性。

例如:

第五步:思维导图梳理

基于移动端的设计进行分析和梳理,在产品上,突出服务及主要功能进行删减、归类、排序、整合出以下操作功能,部分结构,并非完整结构,根据产品需求和上文分析来展开。

例如一款视频软件思维导图:

第六步:安全区域

追求全面屏幕最大化的过程中,也意味着原页面此处的内容有可能会被遮挡导致显示欠佳,进而影响用户体验。此处也是适配过程中的一个关注点。竖屏时像素分辨率达到了1125px * 2436px 高度新增了289px 长宽尺寸 13:6 同时 iPhone X 在不同状态下顶部的 Status bar 也将是呈现不同的信息内容。

第七部:卡片信息重设计

内容信息卡片化设计区分页面信息层级,让用户从视觉角度变的更加细腻,更加有亲和力,布局层次的分明,重要内容突出,优化文字排版层级,提高用户的阅读效率。在更小的空间更便捷的阅读更多的信息内容更快找到自己的目标提高用户探索的效率。

例如:

猜你喜欢

转载自blog.csdn.net/jiayuan237513457/article/details/79360023