Heim Backend-Entwicklung PHP-Tutorial 产品经理教程:用户体验要素及产品设计步骤

产品经理教程:用户体验要素及产品设计步骤

Jul 25, 2016 am 08:43 AM

现在产品研发人员经常挂在嘴边的一个词就是“用户体验”,现在大家对用户体验越来越关注了,也是最容易被忽略的一个关键因素。那么我们应该如何设计出满足用户体验的产品呢?下面一起来看看进行产品设计(http://www.maiziedu.com/course/pm/115-1118/)时需要注意的几点用户体验要素,满足这些点,那么用户体验设计(http://www.maiziedu.com/course/pm/)就有可以做出一个很好的决策了。
用户体验的要素
用户所体验的每一件事,对你来讲都应该是经过慎重考虑和论证以后的决定。
考虑用户的体验、把它分解成各个组成要素、从不同的角度来了解它—只有这样,你才能确保你控制了决策所造成的全部结果。
表现层:在表现层(surface),你看到的是一系列的网页,由图片和文字组成;
框架层:在表现层之下是网站的框架层(skeleton):按钮、控件、照片和文本区域的位置;
结构层:与框架层相比更抽象的是结构层(structure),框架是结构的具体表达方式。框架层确定了在结账页面上交互元素的位置;而结构层则用来设计用户如何到达某个页面,并且在他们做完事情之后能去什么地方;
范围层:结构层确定网站各种特性和功能最合适的组合方式,而这些特性和功能就构成了网站的范围层(scope);
战略层:网站的范围基本上是由网站战略层(strategy)所决定的。这些战略不仅仅包括了经营者想从网站得到什么,还包括了用户想从网站得到什么。
每一个层面都是根据它下面的那个层面来决定的。
从手机的开关键的设置,来看nokia和iphone的设计。
nokia的战略层是围绕着电话来实现的,范围层则是仿照传统电话的设计,结构层是数字键盘和屏幕,框架层则是按键的布局,包括作为电话的开关键,与挂机键设定在了一起。表现层是挂机按键的图案、触感和关机画面。所有的设计都是“像电话一样工作”的战略来实现的。
iPhone的战略层是围绕“掌上电脑”来开展的,范围层则是仿照“PDA”(乔老爷子实验的newton)和电脑来进行设计,结构层是电源键和触摸屏幕(电容屏,用手直接点),框架层是她的开关键,按一下关闭屏幕,按下不放是关机菜单,确认后关机。表现层则是按键按压不放的触感,出现关闭画面的时间间隔(在用户预期的范围内,太短容易误按,太长用户会中断而反复尝试),以及滑动关机的画面。所有的设计都是“很酷的像掌上电脑一样工作”的战略来实现的。
产品设计的一般性步骤
用研
我们可以把大量的用户需求划分成几个可管理的部分,这将通过用户细分(user segmentation)来完成可用性和用户研究。弄明白用户需要什么,我们首先必须知道他们是谁。用户研究(User Research)的领域致力于收集必要的信息来达成共识。
通过创建人物角色(personas)—有时也叫做用户模型或用户简介—你可以让你的用户变得更加真实。人物角色是能代表整个真实用户需求的虚构人物。
任务分析
任务分析是一种仔细地分解用户完成任务的精确步骤的方法。这种任务分解可以通过用户访谈来完成,让用户讲述自己的故事,说出他们的经验;也可以通过现场调查来完成,在用户的“日常生活环境”中直接研究他们的行为。
对于由信息驱动的产品,卡片排序法(card sorting)用于探索用户如何分类或组织各种信息元素。给用户一沓索引卡片,每一张卡片附有信息元素的名字、描述,一张图像或内容的类型。然后用户根据小组或类别,依照自己感到最自然的方式将卡片排列出来。分析几位用户的卡片排列结果,就可以帮助我们了解用户对产品信息的看法。
功能规格说明
功能规格说明不需要包含产品的每一个细节—只需要包含在设计或开发过程中出现有可能混淆的功能定义。同时功能规格说明也不需要展望产品未来的理想化状态—只需要记录在创建这个产品时已经确定下来的决议。
交互设计
交互设计()和信息架构都强调一个重点:确定各个将要呈现给用户的元素的“模式(patterns)”和“顺序(sequences)”。交互设计关注于将影响用户执行和完成任务的元素。信息架构则关注如何将信息表达给用户的元素。
信息架构
信息架构研究的是人们如何认知信息的过程,对于产品而言,信息架构关注的就是呈现给用户的信息是否合理并具有意义。
节点在信息架构中是依据组织原则(organizing principle)来安置的。从字面上来讲,组织原则基本上就是我们决定哪些节点要编成一组,而哪些节点要保持独立的标准。
这些属性,在图书馆学的术语中,被称为“截面(facets)”,而且它们几乎能为任何内容提供一套简单、灵活的组织原则语言和元数据。
受控词典是网站使用的一套标准语言。这是用户研究中很重要的一个领域。与用户谈话并了解他们的沟通方式,是开发出一个让用户感到自然的命名原则系统的最有效方式
界面设计
成功的界面设计是那些能让用户一眼就看到“最重要的东西”的界面设计。而另一方面,不重要的东西,不应该被注意到—有时候则是因为它们根本就没有出现在那儿。
在网站中,指示标识通常会涉及导航设计和信息设计。一个网站的导航系统不仅仅是要提供到网站不同区域的通路,还必须要清晰地传达出这些选项。
线框图
线框图在正式建立网站的视觉设计的流程中,是必要的第一步,但是几乎每一个参与这个开发过程的人都会在其他任务点中使用它。负责战略层、范围层和结构层的设计者可以借助线框图来保证最终产品能满足他们的期望。真正负责建设这个网站的人,则使用线框图来回答关于网站应该如何运作的问题。
嗅觉和味觉
在整个设计流程中,这是为我们的用户提供体验的最后一站:决定我们的设计最后要如何被人类的感觉器官感受到。
对比和一致性
当一个元素在设计中的显得与众不同时,用户就会注意到。用一个“统一的品牌识别形象”强化呈现在你的用户(客户、潜在客户、管理层、员工或其他访问者)面前的产品“跨媒体的一致性”,这种品牌识别的一致性应该呈现在你产品的每一个层级的设计中,从每个界面都会出现的导航元素到只出现一次的普通按钮。
设计合成品和风格指南
承载这些设计决策的权威性文档是风格指南(style guide)。这个汇总文档确定了视觉设计的每个方面,从最大到最小的范围内的所有元素。

本主题由 小贝 于 2016-5-18 10:39 审核通过


Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

11 beste PHP -URL -Shortener -Skripte (kostenlos und Premium) 11 beste PHP -URL -Shortener -Skripte (kostenlos und Premium) Mar 03, 2025 am 10:49 AM

Lange URLs, die oft mit Schlüsselwörtern und Tracking -Parametern überfüllt sind, können Besucher abschrecken. Ein URL -Verkürzungsskript bietet eine Lösung, die präzise Links erstellt, die ideal für soziale Medien und andere Plattformen sind. Diese Skripte sind für einzelne Websites a wertvoll

Einführung in die Instagram -API Einführung in die Instagram -API Mar 02, 2025 am 09:32 AM

Nach seiner hochkarätigen Akquisition durch Facebook im Jahr 2012 nahm Instagram zwei APIs für den Einsatz von Drittanbietern ein. Dies sind die Instagram -Graph -API und die Instagram Basic Display -API. Ein Entwickler, der eine App erstellt, die Informationen von a benötigt

Arbeiten mit Flash -Sitzungsdaten in Laravel Arbeiten mit Flash -Sitzungsdaten in Laravel Mar 12, 2025 pm 05:08 PM

Laravel vereinfacht die Behandlung von temporären Sitzungsdaten mithilfe seiner intuitiven Flash -Methoden. Dies ist perfekt zum Anzeigen von kurzen Nachrichten, Warnungen oder Benachrichtigungen in Ihrer Anwendung. Die Daten bestehen nur für die nachfolgende Anfrage standardmäßig: $ Anfrage-

Erstellen Sie eine React -App mit einem Laravel -Back -Ende: Teil 2, reagieren Erstellen Sie eine React -App mit einem Laravel -Back -Ende: Teil 2, reagieren Mar 04, 2025 am 09:33 AM

Dies ist der zweite und letzte Teil der Serie zum Aufbau einer Reaktionsanwendung mit einem Laravel-Back-End. Im ersten Teil der Serie haben wir eine erholsame API erstellt, die Laravel für eine grundlegende Produktlistenanwendung unter Verwendung von Laravel erstellt hat. In diesem Tutorial werden wir Dev sein

Vereinfachte HTTP -Reaktion verspottet in Laravel -Tests Vereinfachte HTTP -Reaktion verspottet in Laravel -Tests Mar 12, 2025 pm 05:09 PM

Laravel bietet eine kurze HTTP -Antwortsimulationssyntax und vereinfache HTTP -Interaktionstests. Dieser Ansatz reduziert die Code -Redundanz erheblich, während Ihre Testsimulation intuitiver wird. Die grundlegende Implementierung bietet eine Vielzahl von Verknüpfungen zum Antworttyp: Verwenden Sie Illuminate \ Support \ facades \ http; Http :: fake ([ 'Google.com' => 'Hallo Welt',, 'github.com' => ['foo' => 'bar'], 'Forge.laravel.com' =>

Curl in PHP: So verwenden Sie die PHP -Curl -Erweiterung in REST -APIs Curl in PHP: So verwenden Sie die PHP -Curl -Erweiterung in REST -APIs Mar 14, 2025 am 11:42 AM

Die PHP Client -URL -Erweiterung (CURL) ist ein leistungsstarkes Tool für Entwickler, das eine nahtlose Interaktion mit Remote -Servern und REST -APIs ermöglicht. Durch die Nutzung von Libcurl, einer angesehenen Bibliothek mit Multi-Protokoll-Dateien, erleichtert PHP Curl effiziente Execu

12 Beste PHP -Chat -Skripte auf Codecanyon 12 Beste PHP -Chat -Skripte auf Codecanyon Mar 13, 2025 pm 12:08 PM

Möchten Sie den dringlichsten Problemen Ihrer Kunden in Echtzeit und Sofortlösungen anbieten? Mit Live-Chat können Sie Echtzeitgespräche mit Kunden führen und ihre Probleme sofort lösen. Sie ermöglichen es Ihnen, Ihrem Brauch einen schnelleren Service zu bieten

Ankündigung von 2025 PHP Situation Survey Ankündigung von 2025 PHP Situation Survey Mar 03, 2025 pm 04:20 PM

Die 2025 PHP Landscape Survey untersucht die aktuellen PHP -Entwicklungstrends. Es untersucht Framework -Nutzung, Bereitstellungsmethoden und Herausforderungen, die darauf abzielen, Entwicklern und Unternehmen Einblicke zu geben. Die Umfrage erwartet das Wachstum der modernen PHP -Versio

See all articles