瞬间之美:Web界面设计如何让用户兴奋

发布时间:2022-10-03 点击:1171
瞬间之美:web界面设计如何让用户兴奋
这本书分为七部分和第三部分,讨论用户在进入网站前30秒内所做的事情;第四部分至第六部分,讨论用户在深入网站时所做的事情。 第七部分关注用户离开网站,无论是暂时离开还是永久离开。
不是你去页面布局,而是内容决定了布局。 布局是内容组织的不可避免的结果。页面的布局自然会形成。 把页面上的所有栏目扔到页面上,然后移动和调整。
充分理解页面不同组成部分的主要和次要部分。 布局引导用户了解用户浏览网页时的使用习惯。 例如,当用户浏览网站时,他们习惯于从左到右自上而下是第一视线立足点,右下角是视觉盲点。 因此,在设计时,你可以把更重要的内容放在左边和右边。 使用颜色来吸引关键部分的颜色,如左上角的标志和右下角的按钮,以强调这两个部分。 您可以使用一个颜色,而不使用它在网站的其他地方,以便比较和突出它。
本书中提到的统一设计风格只是指使用符号统一设计风格的名称符号可以是品牌标志或网站的整体图标风格。
在界面统一章节中,作者在界面设计中引入的重要性很高,仅仅是三页纸。 在这里,我想通过对互动设计精髓4的统一介绍和我对统一的理解来补充以下两点。
统一性意味着软件产品的不同模块应具有相似的外观和行为。 通过统一提高易用性和易学性,降低了用户的学习成本,降低了客户培训和技术支持的成本。 通过改进设计和代码的重复使用,可以减少开发时间和工作量。 统一可以创造一种井井有条的感觉,让用户感到舒适。 给用户留下标准和统一的印象,使用户更容易识别产品开发人员的专业性,从而增强用户对产品的信任感。
建立关系:定期使用元素组织在一起,以减少鼠标在空间中的移动;类似功能的元素以视觉方式组织在一起。 也就是说,视觉元素和行为元素是一致的。 使用电网系统对齐视觉元素:这是设计者组织和系统地体验产品的重要途径。 一致的空间:如果屏幕上的两个区域需要大小,它们是完全相同的;如果这两个区域需要不同的尺寸,那么它们就会有很大的不同。 如果你不能完全一致,增加差异,因为细微的差异会使用户感到不稳定。 一致的间距和定位:如果屏幕的标题部分总是准确地出现在同一位置,用户不需要考虑或浏览界面。 一致的间距和定位可以帮助人们提高屏幕的可读性。 重复使用元素:使用者只需学习一次。
人们通常得到指南的方法是粗略地扫描页面,看看他们有什么选择,并迅速过滤他们对他们感兴趣的内容。
在设计导航时,让用户觉得他们是动宾语组的主人,比如创建页面,这让用户觉得他们是指挥软件的领导者。 而不是领导。
在许多网站上都有各种各样的链接。这些链接根据时间相关性、点击率等顺序排列。许多网站只是如此简单。 很少详细的设计。 作者给出了一个例子。
使用的设计方法:使环境暗示作为指南,就像日本平台在火车即将进入车站时播放独特的音乐一样。 独特的音乐可以有效地吸引乘客的注意,并尽早准备下车。作者试图将环境提示应用于链接列表中。
首先,从大到小的变化会很好地显示链接的优先级;从深到浅的角色创建一种年龄感,让用户非常清楚什么是最重要的。
作者从火车到车站播放音乐的灵感被应用到设计中,所以我们通常应该出去观察生活,拓宽视野。 看看你周围有什么能刺激灵感来改善你的设计。
这部分主要讨论如何更清晰地与用户交流,首先通过两个例子讨论如何修改文本来传达更多的意义。第三个例子讨论了当文本不合格时的意思。 如何使用视频来弥补它。
用户通常不会在网站上阅读文本。他们只是扫描,如果他们是一个很长的介绍文本,他们倾向于忽略短文本,以吸引注意力。 对于用户来说,简短的句子比大量文本更有意义。重要的不是信息的数量,而是他们是否能为他们提供真正需要的信息。
优点:自动搜索意味着系统可以尝试猜测用户输入的文本,并且动态搜索适当的结构,并建议用户帮助他们完成输入。 这可以防止用户误码,以确保搜索更有效,并避免新的命名,除了数据库。
例如,在dtrt的情况下,这种自动完成搜索的输入框架可以防止用户打错字,避免用户添加各种新的名称。
限制:自动完成功能可能会诱使用户放弃他们原来的想法,选择网站推荐,但实际上是低效的搜索词汇。 通过这种方式,我们可以通过输入的字符数来限制推荐单词的3-4。
点击先进搜索后跳出大量选项是非常复杂的,有些选项用户根本不需要先进的搜索用户。 用户的行为模式告诉我们,在必要时不需要立即显示所有选项。
单击“先进搜索”以添加搜索条件。如果您需要单击“添加”按钮,您可以添加另一个搜索条件。 这避免了大量用户可能无法使用的搜索条件的突然出现。 当使用先进的搜索时,简单的搜索按钮是无效的,这样用户就不会被两个搜索按钮混淆。
将较长的视频划分为小章节,用户可以选择播放他们想要观看的部分。 例如,将一个人演讲的视频根据不同的主题分成不同的部分,这样用户就可以很容易地选择他们想看到的章节。 而不是完成所有的视频。 添加视频标题,让用户了解他们正在看什么。
让确定取消按钮更完美地将确定按钮与页面对齐,并首先将所有元素与左侧对齐,使所有元素依赖于左侧。 从表单的顶部到底部形成一条很好的直线是一种审美选择。 第二,确定按钮放置在左边的原因是使用tab键切换输入区域的第一个按钮如下所示。
以上是作者的观点,其中按钮的位置与对齐方式不太一致。 在日常交互设计中,我们经常遇到这样的问题,比如左或右确定按钮。 如何对齐? 禁止的按钮是显示还是隐藏? 确定按钮的优先级还是取消按钮的优先级。 在今天的共享中,按钮的形状被设计成直角或圆角矩形或其他形状。
如何消除用户的挫折感 我们需要提前知道总共有多少步骤,我们应该告诉他们将来去哪里。
上述方案的局限性是网页的水平空间是有限的,如果步骤太大,则水平轧制条。 水平滚动带对用户来说是很麻烦的,但是网页的垂直方向是无限的,所以改进方案是。
首先,在用户开始输入之前,建议用户只输入字符的限制;在用户输入过程中,为了避免用户数字,他们可以输入多少字。 应设置随字数变化的计数器;通过改变数字样式(颜色尺寸)来提醒用户,可以输入的字符数量不多。 计划如下。
评分页面通常分为两部分,一部分是显示页面,告诉用户现在已经具备了评估结果,另一部分是编辑页面用户可以对事物进行评级。 一些网站在设计时只需单击一颗恒星,除了恒星从白色到黄色之外,还没有得到其他反馈,这将使用者怀疑他们是否成功。 虽然这种互动过程很简单,但用户体验不好。我们不能为了简单而简单。 一个好的互动并不意味着用户用最少的步骤来完成任务,而是让用户的每一步都得到反馈。答案并不比所有问题都更有效。
每个人都有不同的想法。不同的人可能会为标签创建各种版本,所以我们需要找到类似的标签。 并允许用户选择现有的标签,以便他们想要标记。
第二种方法是在用户输入标签后搜索类似的标签并在下一页中显示。 这个页面可以用文字向用户解释,他可以与其他人创建的标签相匹配。
灵感设计提高了用户的效率,保持了从界面到下一个界面的一致性和一致性,同时通过设计元素使交互更容易学习。 并且可以重复相同的交互行为。 互动的每一步都需要尽可能简单和清楚,尤其是在运作中。
为新版本设置一个清晰的时间,以提前为用户提供准确的信息,而不是在没有通知的情况下向用户发送电子邮件。 活跃的用户对新版本感兴趣,并告诉更多的朋友;普通用户将得到足够的警告;那些已经注册和被遗弃但没有删除帐户的用户。 它将被提醒再次访问我们的网站。
当用户退出时,他们会返回登录页面,重新营销登录页面。通过增加营销推广网站的内容,鼓励和鼓励用户再次登录,而不是让退出变得非常复杂。 阻止用户退出。


什么是“蜘蛛陷阱”,它对SEO的影响
解读网络营销数据,锻炼思维逻辑能力
个人网站建设的基本流程有哪些?
天津网站优化可以帮企业带来什么效益?
网站降级恢复多长时间-网站优化
怎么寻求快速录入与快速排名捷径?
如何能快速学习SEO?
在网站运营过程中如何部署网站优化策略?