交互设计[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

相关文章

基于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+

uniapp设置微信小程序的交互反馈

链接:uni.showToast(OBJECT) | uni-app官网 (dcloud.net.cn) 设置操作成功的弹窗: title是我们弹窗提示的文字 showToast是我们在加载的时候进入就会弹出的提示。 2.设置失败的提示窗口和标签 icon:'error'是设置我们失败的logo 设置的文字上限是7个文字,如果需要设置的提示文字过长就需要设置icon并给

单片机毕业设计基于单片机的智能门禁系统的设计与实现

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

Spring的设计⽬标——《Spring技术内幕》

读《Spring技术内幕》第二版,计文柯著。 如果我们要简要地描述Spring的设计⽬标,可以这么说,Spring为开发者提供的是⼀个⼀站式的轻量级应⽤开发框架(平台)。 作为平台,Spring抽象了我们在 许多应⽤开发中遇到的共性问题;同时,作为⼀个轻量级的应⽤开发框架,Spring和传统的J2EE开发相⽐,有其⾃⾝的特点。 通过这些⾃⾝的特点,Spring充分体现了它的设计理念:在

开题报告中的研究方法设计:AI能帮你做什么?

AIPaperGPT,论文写作神器~ https://www.aipapergpt.com/ 大家都准备开题报告了吗?研究方法部分是不是已经让你头疼到抓狂? 别急,这可是大多数人都会遇到的难题!尤其是研究方法设计这一块,选定性还是定量,怎么搞才能符合老师的要求? 每次到这儿,头脑一片空白。 好消息是,现在AI工具火得一塌糊涂,比如ChatGPT,居然能帮你在研究方法这块儿上出点主意。是不