css - UI设计——弹窗

Question

我目前正在开发一个网站。

让我叙述一下我面临的问题:

当用户打开网站时，他们会在一个小弹出窗口中看到两个选项。

1. 弹出窗口中的第一个选项将指向子域 1
2. 弹出窗口中的第二个选项将指向子域 2

现在我的问题是，如何在最吸引人的用户界面中展示它......你能就此提出一些想法吗。

如果有人能给出已经实现了类似的一个/任何 UI 相关网站的网站名称，那将非常有帮助。

非常感谢

问候，古拉夫

Answer 1

你的问题太离谱了。定义你的目标，我想你会回答你自己的问题......

1. 您销售的产品是否存在偏差针对不同的买家(sub#1=汽车，sub#2=卡车)?
2. 你卖的是相同的产品不同人口统计(男孩点击这里，女孩点击那里)？
3. 是否是针对不同市场(商业产品、住宅产品)打造的同一产品？
4. 无论您的情况如何...

确定目标，剩下的就到位了。

到用户界面...

1. 由于您要在访问者登陆后立即阻止访问者，只需将您的主页从中间分开，使用您认为合适的任何图形(两边的大按钮...汽车 | 卡车... .girls | boys...commercial | residential)——这种方法不需要任何 JS、弹出窗口等。非常简洁明了。

2. 如果你想在主页上有“ jar 头”内容，但强制他们做出选择，我更喜欢滑入屏幕的元素，比如 SO 上的“欢迎回来”消息，甚至一个屏幕接管了一切(虽然不像 !@#$ 那样具有干扰性)。

3. 弹出窗口是如此 1998 :-) 不惜一切代价避免

这里有一些关于 UI 设计/技术的链接可能会有所帮助(大量的技术和示例): 10 Techniques , 和 40 Helpful Resources on UI Design Patterns