user-experience 相关问题

用户体验(UX)是人机交互和产品所有权的体验,情感,有意义和有价值的方面,也是人们对实用性,易用性和系统效率等实际方面的看法。从本质上讲,它是关于一个人对使用产品的感受。

如何完成 Google Coursera UX 设计课程 2 上的“为咖啡馆项目创建角色”课程 2

如何完成 Google Coursera UX 设计课程 2。 为咖啡馆项目创建角色。 我尝试为 Google Coursera UX 设计课程创建角色,但得分为 0.0%,我是

回答 1 投票 0

WebRTC:通知用户由于网络或CPU导致的质量问题

正如标题所示,我正在寻找一种方法来通知 webrtc 视频会议的用户,他们可能遇到的质量问题是由于网络带宽或 CPU 使用率或其他原因造成的......

回答 2 投票 0

JavaFX css 有办法阻止背景颜色越过边框边缘吗?

我正在尝试制作一张类似于引导CSS的卡片,但使用JavaFX组件。我想要一个圆形边框,但顶部(标题)的背景颜色给我带来了问题。 背景

回答 2 投票 0

响应式导航栏设计

水平侧边栏是否被认为不利于用户体验?请提供有关此屏幕截图中所示的侧边栏设计的见解和建议。还有更好的吗

回答 1 投票 0

如何在页面上制作彩虹?

我看到了以下网站: 照片: 我想知道如何创建类似的东西?彩虹效果真的让我着迷,我找了30分钟但什么也没找到......

回答 2 投票 0

If 语句布尔逻辑在我的 switch 语句中不起作用

我正在为个人项目编写一个函数,并尝试创建一个将文本行置于控制台中心的函数。我找到了一个字符串长度小于一行的解决方案,但是我

回答 1 投票 0

计算SmoothPageIndicator定位

如您所见,轮播点未按预期排列。 我正在尝试获取 SmoothPageIndicator 上方 SizedBox 的高度,以便指示器位于屏幕底部...

回答 0 投票 0

我需要构建一个用户流程的实时演示,以获取用户响应并保持匿名

堆栈溢出的聪明人你好。我的团队需要为我们的用户流程创建一个实时演示(最好在网络上),我们希望能够获取用户响应,并将响应发送回

回答 0 投票 0

动态显示多行多跨度

我最近正在对 UI 进行一些更改,并在 Ruby 中编写了一个 html.erb 文件。 作为其中的一部分,我想了解当单个 . 示例:...

回答 1 投票 0

Flutter:如何使新传入的子页面在过渡到屏幕时淡入并放大

我正在尝试了解如何在 Flutter 中使用 AnimatedSwitcher 来创建两个页面之间的过渡动画,我真正想要的是新页面从...慢慢淡出屏幕

回答 0 投票 0

加载但不显示输出(AB 测试:控制 x 变体)

我想运行一个在变体中实现 Javascript 代码的 AB 测试。 但是,重要的是两个页面的页面加载时间相同。 控制页面需要运行变体代码,但是...

回答 0 投票 0

召集所有网络奇才:帮助一位研究员追求网络完美

我的网络奇才们! 我,一个谦虚的 Web 开发人员,着手改进我的个人简历网站,该网站使用 resctjs、animejs、JavaScript、CSS 和 HTML 的强大功能构建。 当我试图磨练我的

回答 0 投票 0

两个完全相同的代码,但从上到下粘贴。第一个 div 开始创建一个列

2023 年 7 月 1 日,星期三 <main class="main-screen main-chat"> <div class="chat__timestamp"> Wednesday, July 1. 2023 </div> <div class="message__row"> <img src="https://media.licdn.com/dms/image/D5603AQGR4QTbxn3Z7w/profile-displayphoto-shrink_400_400/0/1681118059121?e=1686787200&v=beta&t=eYT2694MKo19g_nQkNpOqAEdn7ND6VgKUcUnzRfwK-o"/> <div class="message-row__content"> <span class="message__row__user-name">Mark</span> <div class="message__row__user-chat"> <span class="message__bubble">Hi!</span> <span class="message__time">11:22</span> </div> <div> </div> <div class="message__row"> <img src="https://media.licdn.com/dms/image/D5603AQGR4QTbxn3Z7w/profile-displayphoto-shrink_400_400/0/1681118059121?e=1686787200&v=beta&t=eYT2694MKo19g_nQkNpOqAEdn7ND6VgKUcUnzRfwK-o"/> <div class="message-row__content"> <span class="message__row__user-name">Mark</span> <div class="message__row__user-chat"> <span class="message__bubble">Hi!</span> <span class="message__time">11:22</span> </div> <div> </div> </main> 有两个“message__row” 在顶部粘贴一次在底部。 在网站上看到时。第一个 div 在第一个 div 中创建一个扩展列,并将具有完全相同代码的第二个推到不成比例。 当复制粘贴一单它没有专栏。 当我将完全相同的代码粘贴到底部时,为什么会发生这种情况。 github链接: https://github.com/Helllper/koko_clone_April_2023 message-row__content 的结束标记应该是 </div> 而不是 <div>。仔细观察,您在代码的第 14 行和第 24 行使用了 opening div 标签。 如果在修复结束 </div> 标签后问题仍然存在,请提供有关应用于相关类的 CSS 规则的更多详细信息(例如,message__row、message-row__content 等)。这将帮助我们更好地诊断问题并提供更准确的解决方案。

回答 1 投票 0

欺骗或禁用页面可见性 API

Page Visibility API 开始普遍用于在选项卡未处于焦点时暂停强制视频广告。 这意味着您需要观看广告,如果您切换标签甚至有...

回答 2 投票 0

如何在我的项目中有效地应用响应式设计?

我目前正在从事前端 Web 开发项目,并且正在努力实现响应式设计。我尝试了几种不同的方法,但它们似乎都有各自的缺点......

回答 1 投票 0

如何在 figma 或 adobe xd 中创建步进器?

所以我想了解如何创建带有加号和减号(它们之间的数字,即从购物车中添加或减去)的步进器(具有组件状态),当单击时,添加或减去。 我看了一个

回答 1 投票 0

CSS:子元素在任何缩放级别垂直对齐的固定高度 %

我有一个垂直侧边栏,它由 3 个元素组成,一个页眉、一个正文和一个页脚。 这个侧边栏的Html是这样的: 我有一个垂直侧边栏,它由 3 个元素组成,一个页眉、一个主体和一个页脚。 这个侧边栏的Html是这样的: <div id="parent" class="flex-grow-1" style = "position: absolute; flex-direction: column"> <div style="background-color:yellow">A</div> <div style="background-color:green;">B</div> <div style="background-color:red">C</div> </div> 现在我想在任何缩放级别和浏览器/屏幕的任何分辨率下保持这些 div A 、 B 和 C 高度的一致性。像 : A 的高度应始终保持在父级高度的 25%,并且它应该贴在顶部。 B 的高度应始终保持父级高度的 50%,并应保持在中间。此外,B 是项目的List。我正在用 overflow: auto 压缩列表并给它一个滚动条。 C 的高度应始终保持父级高度的 25%,并应贴在底部。 父元素的位置始终是“绝对”的,我无法更改它,因为它是另一个 html 的子元素等等。 所以我想知道,我应该提供什么样的 css 设置才能达到要求 有多种实现方式。我更喜欢 CSS Grid,因为它允许父母控制孩子的位置和尺寸。 在这里,我创建了一个包含 1 个隐式列和 3 个显式行的网格。每行都有一个百分比值,表示 Y 轴上元素的大小。 #parent { display: grid; grid-template-rows: 25% 50% 25%; height: 500px; /* For demonstration purposes */ width: 200px; /* For demonstration purposes */ } <div id="parent" class="flex-grow-1" style="position: absolute;"> <div style="background-color: yellow">A</div> <div style="background-color: green;">B</div> <div style="background-color: red">C</div> </div>

回答 1 投票 0

减少图像的每英寸像素 (PPI) 会导致相同的文件大小

总结 我正在尝试使用 ImageMagick 生成具有不同像素密度范围的图像副本,以增加我的前端项目的用户体验。 问题 运行 sc 之后...

回答 0 投票 0

如何向我的 HTML 页面添加条件更改?

我正在尝试根据返回到 html 页面的内容更改我的 html 页面的背景图像。大多数后端使用 Flask RESTful API。 下面提供了我的JS代码,非常

回答 1 投票 0

对于输入多的表单,你会用TAB还是单表单上下滚动?

我正在尝试设计一个输入表单,让我的用户可以更快更轻松地输入他们的数据。输入、下拉列表可能有 30 多个属性组合。我将它们归类为强制性、奖金、操作...

回答 0 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.