交互设计[3]--点石成金

2024-02-22 11:38
文章标签 设计 交互 点石成金

本文主要是介绍交互设计[3]--点石成金,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

之前就看过一些关于网页设计方面的书籍,里面都像点石成金第一章中所提到的“别让我思考”,这点几乎成了交互设计的黄金法则。

那么接下来,我就在文章的最开始将我从本书中得到的网站设计的原则和个人看法写一下,同时,也将一些书中的有益的内容总结在文章的中后部分,希望能够给大家以帮助。

本书中给我印象最深的几点法则:

1.别让用户思考【用户都是too young too simple,哈哈~】

2.从电子商务网站中找寻交互设计方面的潮流或者说是好的交互方式【为什么呢?首先电子商务网站或许是交互最频繁的网站之一,同时直面用户,有什么问题都会在第一时间暴露出来,所以他们都会在第一时间去修改,所以,我们可以从中取经】【同时这也解决了我很长时间以来苦于无源找寻灵感的一个状态】

其实本书,也就从这两个方面给了我比较深刻的印象,其他的,我就做下简单的总结,大部分和其他书中没有太多的不一样的地方,在此也就不献丑了

总结

我们是如何使用Web的:

一、我们不是阅读,而是扫描
二、我们不做最佳选择,而是满意即可
三、我们不是追根究底,而是勉强应付
①、因为这对我们来说并不重要
②、如果发现某个事物(方法)能用,我们会一直用它

Web设计的五个重要原则:

一、建立清楚的视觉层次
①、越重要的部分越突出
②、逻辑上相关的部分视觉上也相关
③、逻辑上包含的部分在视觉上进行嵌套
二、尽量使用习惯用法
①、因为它们确实非常好用
②、不要试图重新发明轮子
三、把页面划分成明确定义的区域
四、明显标志可以点击的地方
五、降低视觉噪声
①、眼花缭乱
②、背景噪声
记住:三次无须思考、明确无误的点击相当于一次需要思考的点击。

后备厢测试(抽取一个网页,回答以下问题):

一、这是什么网站?(站点ID)
二、我在哪个网页上?(网页名称)
三、这个网站的主要栏目有哪些?(栏目清单)
四、在这个层次上我有哪些选择?(本页导航)
五、我在导航系统的什么位置?(面包屑,”你在这里“的指示器)
六、我怎么搜索?
焦点小组:用于抽象地确定目标受众想要什么,需要什么,喜欢什么,在产品开发的前期,网页设计之前比较有用。
可用性测试:用于了解网站运行情况,以及怎样改进网站时比较有用。

个人感觉

个人觉得,其实我们做开发的,应该简而言之,注重网站交互设计的UI/UE这两个方面,当然,我们经常提及这两个方面的内容【虽然现在很多中小微型企业并不care这些方面,但总有一天会重视这方面的内容,毕竟用户才是第一位】,但是如何去做呢,在文章的开头也提到这些内容,就是可以去看下别人网站是怎么做的,比如说是电子商务网站的风格,我们总会得到我们想要的东西。

最后有张图片不知道对大家有没有用,从网上看到的,贴在这了。


这篇关于交互设计[3]--点石成金的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/735146

相关文章

MyBatis设计SQL返回布尔值(Boolean)的常见方法

《MyBatis设计SQL返回布尔值(Boolean)的常见方法》这篇文章主要为大家详细介绍了MyBatis设计SQL返回布尔值(Boolean)的几种常见方法,文中的示例代码讲解详细,感兴趣的小伙伴... 目录方案一:使用COUNT查询存在性(推荐)方案二:条件表达式直接返回布尔方案三:存在性检查(EXI

Python与Java交互出现乱码的问题解决

《Python与Java交互出现乱码的问题解决》在现代软件开发中,跨语言系统的集成已经成为日常工作的一部分,特别是当Python和Java之间进行交互时,编码问题往往会成为导致数据传输错误、乱码以及难... 目录背景:为什么会出现乱码问题产生的场景解决方案:确保统一的UTF-8编码完整代码示例总结在现代软件

SpringMVC 通过ajax 前后端数据交互的实现方法

《SpringMVC通过ajax前后端数据交互的实现方法》:本文主要介绍SpringMVC通过ajax前后端数据交互的实现方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价... 在前端的开发过程中,经常在html页面通过AJAX进行前后端数据的交互,SpringMVC的controll

基于Flask框架添加多个AI模型的API并进行交互

《基于Flask框架添加多个AI模型的API并进行交互》:本文主要介绍如何基于Flask框架开发AI模型API管理系统,允许用户添加、删除不同AI模型的API密钥,感兴趣的可以了解下... 目录1. 概述2. 后端代码说明2.1 依赖库导入2.2 应用初始化2.3 API 存储字典2.4 路由函数2.5 应

基于WinForm+Halcon实现图像缩放与交互功能

《基于WinForm+Halcon实现图像缩放与交互功能》本文主要讲述在WinForm中结合Halcon实现图像缩放、平移及实时显示灰度值等交互功能,包括初始化窗口的不同方式,以及通过特定事件添加相应... 目录前言初始化窗口添加图像缩放功能添加图像平移功能添加实时显示灰度值功能示例代码总结最后前言本文将

Python中的可视化设计与UI界面实现

《Python中的可视化设计与UI界面实现》本文介绍了如何使用Python创建用户界面(UI),包括使用Tkinter、PyQt、Kivy等库进行基本窗口、动态图表和动画效果的实现,通过示例代码,展示... 目录从像素到界面:python带你玩转UI设计示例:使用Tkinter创建一个简单的窗口绘图魔法:用

不懂推荐算法也能设计推荐系统

本文以商业化应用推荐为例,告诉我们不懂推荐算法的产品,也能从产品侧出发, 设计出一款不错的推荐系统。 相信很多新手产品,看到算法二字,多是懵圈的。 什么排序算法、最短路径等都是相对传统的算法(注:传统是指科班出身的产品都会接触过)。但对于推荐算法,多数产品对着网上搜到的资源,都会无从下手。特别当某些推荐算法 和 “AI”扯上关系后,更是加大了理解的难度。 但,不了解推荐算法,就无法做推荐系

怎么让1台电脑共享给7人同时流畅设计

在当今的创意设计与数字内容生产领域,图形工作站以其强大的计算能力、专业的图形处理能力和稳定的系统性能,成为了众多设计师、动画师、视频编辑师等创意工作者的必备工具。 设计团队面临资源有限,比如只有一台高性能电脑时,如何高效地让七人同时流畅地进行设计工作,便成为了一个亟待解决的问题。 一、硬件升级与配置 1.高性能处理器(CPU):选择多核、高线程的处理器,例如Intel的至强系列或AMD的Ry

基于51单片机的自动转向修复系统的设计与实现

文章目录 前言资料获取设计介绍功能介绍设计清单具体实现截图参考文献设计获取 前言 💗博主介绍:✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师,一名热衷于单片机技术探索与分享的博主、专注于 精通51/STM32/MSP430/AVR等单片机设计 主要对象是咱们电子相关专业的大学生,希望您们都共创辉煌!✌💗 👇🏻 精彩专栏 推荐订阅👇🏻 单片机

SprinBoot+Vue网络商城海鲜市场的设计与实现

目录 1 项目介绍2 项目截图3 核心代码3.1 Controller3.2 Service3.3 Dao3.4 application.yml3.5 SpringbootApplication3.5 Vue 4 数据库表设计5 文档参考6 计算机毕设选题推荐7 源码获取 1 项目介绍 博主个人介绍:CSDN认证博客专家,CSDN平台Java领域优质创作者,全网30w+