最专业的八方代购网站源码!

资讯热点
这是正确的吗?——微信交互设计的一些建议

发布时间:2021-10-27 分类: 电商动态

本文作者将讨论该产品的几个设计要点。享受〜

微信是日常生活中常用的软件。截至2017年4月,活跃用户数已达8.89亿,公共账户数已达1000万。对于这样的社会影响,服务组是如此之大。类软件,其交互设计的每一个细节都与无数人的经历有关,这影响了无数人甚至是眼前利益的生活质量。在这里,我们将讨论微信这个产品的几个设计要点。

1.微信(PC版)公共号码页面点击鼠标左键并弹出小窗口

如下图所示:

如图所示,窗口可以视为公共号码的详细介绍页面。值得注意的是,页面右下角设置了三个按钮,用于发送名片,查看历史消息,并输入公共号码(如下所示)。所示)。

“发送名片“按钮

“查看历史消息“按钮

“输入公共号码“按钮

在这里,我们讨论这三个图标的设计风格:

“发送名片“按钮

(1)问题

对于此按钮,由于按钮的图标样式是一种不太常见的图标样式,用户在看到图标时经常会对图标的功能产生怀疑,并且尝试单击它会浪费用户的宝贵时间。而流量,这将使用户感到烦躁并减少用户体验(如下所示)。

(2)改进建议

由于此按钮的作用是共享此公共号码,而“共享”图标具有共同的图标样式,在这种情况下,您可以使用常用的“共享”图标样式(如下图所示),也可以used使用提示符处的字符串从“发送名片”更改“共享名片”,使用户可以一目了然地看到图标的功能,并提高使用的流畅性。

“分享” icon 1

“分享” icon 2

“查看历史消息“按钮

对于“查看历史消息”按钮和“输入公共号码”按钮,似乎也存在这样的问题。由于用户之前没有看过这样的图标,可能会有一些疑问。还建议在此处修改图标。样式。 “查看历史消息“按钮可以选择在浏览器上常见的“ldquo;历史”图标样式(如下所示)

一般“历史”图标样式

“输入公共号码“按钮

并且“来公共号码”按钮类似于“聊天”图标设计,其实际上能够给用户提供输入公共号码和公共号码的体验以聊天和查看公共号码内容。从这一点来看,设计符合要求,但在某些情况下,用户似乎认为这个图标是“联系我们”,更不用说,用户一般不与公众号聊天,使用&& quoquo;聊天”的icon它可能也有点不合适。建议使用带有“Enter”含义的图标(如下所示)。

带有“Enter”的图标;意

摘要:对于图标的样式,个人认为应采用通用图标样式,以便用户在使用图标时会有一种熟悉和流畅的感觉,而用户的奇怪图标可能会增加用户的疑虑,模糊性和易怒。

2.微信(计算机版)公共号码页的重复设计

问题

或者微信(计算机版)公共号码页面,当用户选择一个公共号码,然后点击鼠标左键时,弹出窗口就是这样一个窗口(如下图所示):

单击鼠标左键时弹出的窗口

当用户单击鼠标右键时,会显示如下所示的列表(如下所示):

单击鼠标右键时弹出列表

我们可以看到点击鼠标左键时弹出窗口的功能是:发送名片,查看历史信息并输入公共号码,点击右键时弹出窗口的功能按钮是:发送消息,发送名片并取消注意。 ,其中发送名片=发送名片,公共号码=发送消息,因此只有四种功能:发送名片,查看历史消息,输入公共号码和取消注意力。

改进建议

总共只有4个功能,可以一起考虑(如下所示):

3.搜索栏

问题

微信(计算机版)中的搜索栏是一个用户不知道如何使用的控件,因为搜索功能的范围太大,用户无法确定(如下图所示):

当您看到此界面时,用户可能会问:

我的搜索范围是什么?

它写在下面“搜索文章”吗?

您是在搜索本地内容还是在互联网上找到陌生人和奇怪的文章?

如果可以搜索本地内容和联网内容,下面的搜索文章是什么?

如果我想添加新朋友,我会在以后搜索吗?

此时,用户可能不想再使用此功能,因为他们根本不知道这个“搜索”是什么。

(2)改进建议

根据实验,“搜索”功能可以是搜索本地朋友,群组,文章等,并且可以使用以下“搜索搜索”来搜索网络上的公共号码中的相关文章。因此,建议将上面输入框中的提示文本更改为“搜索”。到'rdquo;搜索所有本地内容:朋友/群组聊天/群组成员/群组文件/公共地址内容等“,请填写以下内容”搜索搜索“ldquo;改为“rdquo;搜索互联网公共内容内容“这样,用户可以知道搜索的内容。

简介:在许多情况下,有必要向用户解释这是什么。

4.收集界面

问题1:列出项目位置

在WeChat集合界面中,用户可以看到一个列表(如下所示):

集合接口列表

此时,用户可能会有一个问题:“所有集合”是指集合的内容,可以在下面引用,“链接”,“和专辑”等等?

改进建议:

事实上,这些“链接”并“用于”。专辑“等等表示“链接”中的“所有收藏”“,”专辑“,个人认为,因为这些“链接”“,”专辑“等列表项与“rdquo;所有集合,因此用户会怀疑它们不是内容集合。个人建议可以将次要列表项向右移动几个字符,并使用该位置来反映主要和次要之间的关系(如下所示)。

使用该职位来反映主要和次要

之间的关系

总结:

优选地,子列表项可以向右移动几个字符的距离,使得用户不会模糊地看到它们是子列表项。主要和次要,大小和其他关系也最好地反映在位置,颜色,字体等方面。

问题2:拖放文件直接创建一个新集合(如下所示)

用户不太可能注意到此功能,可能是因为其低调的文本位置和较暗的字体颜色。另外,“拖入此”“这个功能经常需要用一个”框“来引导用户,让他们拖到框中,否则,用户可能不愿意拖动,他们甚至会想到它在这里拖放。/p>

改进建议:

添加醒目的徽标并使用“框”提示用户拖动(如下所示)

总结:新功能应该是明显的,明显的和明显的。最好闪一次或闪光。

附加语言:腾讯微信是一款非常优秀的产品和交互式设计教科书。虽然这篇文章是关于微信的一篇暗示性文章,但它没有任何特殊性。腾讯的卓越设计能力始终得到业界和国外的认可。这是可以理解的。

« 您想知道的AR设计的基础知识,这个有它! | 实时产品的策略和功能设计趋势 »