手机购彩

杭州企业网站建设:智能弹出设计指南之手机购彩识别与专业网页设计

2019.08.08 mf_web

141

用户(hu)经常(chang)厌倦(juan)了(le)困扰(rao)弹出(chu)窗口,需要他们填写表格或(huo)回答问题,但他们都是如此(ci)糟糕?有弹出(chu)窗口可以帮(bang)助用户(hu),提供提示(shi)或(huo)提供产品折扣(kou)。

因(yin)此,弹出(chu)(chu)窗(chuang)口(kou)通常是(shi)在网(wang)(wang)站页面的(de)可视界面的(de)前景(jing)中突然出(chu)(chu)现的(de)小(xiao)窗(chuang)口(kou)。弹出(chu)(chu)窗(chuang)口(kou)可能是(shi)广(guang)告,信息(xi)块,联系表格等。它(ta)更可能是(shi)小(xiao)而且(qie)颜(yan)色对比(bi)鲜明,但(dan)我们将定义弹出(chu)(chu)设计的(de)所有元(yuan)素和(he)影响用户如何按顺序感知它(ta)的(de)因(yin)素,不(bu)是(shi)一切都(dou)是(shi)。杭州企业网(wang)(wang)站建(jian)设

弹出窗口

出色的外观

弹(dan)(dan)出(chu)(chu)窗口可以用(yong)于(yu)不(bu)同(tong)的(de)(de)(de)(de)(de)(de)目(mu)标,这(zhei)(zhei)会(hui)影响弹(dan)(dan)出(chu)(chu)窗口的(de)(de)(de)(de)(de)(de)启(qi)动(dong)方(fang)式。如(ru)果(guo)是(shi)(shi)广告或(huo)促销(xiao)横幅广告,则只(zhi)会(hui)在您打开网(wang)(wang)页(ye)后的(de)(de)(de)(de)(de)(de)某个时(shi)间(jian)段内显(xian)示没有操作。另一个案例(li)是(shi)(shi)信息(xi)丰富的(de)(de)(de)(de)(de)(de)弹(dan)(dan)出(chu)(chu)窗口。它(ta)应该(gai)通过点击启(qi)动(dong)。信息(xi)弹(dan)(dan)出(chu)(chu)窗口具(ju)有解释功能(neng),例(li)如(ru)它(ta)有助(zhu)(zhu)于(yu)填写表(biao)单(dan)。弹(dan)(dan)出(chu)(chu)窗口也可以是(shi)(shi)一个额(e)外的(de)(de)(de)(de)(de)(de)内容(rong)块,其中(zhong)包含(han)关于(yu)此(ci)点或(huo)那(nei)一点的(de)(de)(de)(de)(de)(de)一些(xie)辅(fu)助(zhu)(zhu)信息(xi),因此(ci)只(zhi)有感兴趣(qu)的(de)(de)(de)(de)(de)(de)用(yong)户(hu)才能(neng)阅读它(ta)。这(zhei)(zhei)可以帮助(zhu)(zhu)您在网(wang)(wang)站上进行内容(rong)安排和保持(chi)间(jian)距规则。弹(dan)(dan)出(chu)(chu)联系表(biao)单(dan)最好不(bu)要突然(ran)弹(dan)(dan)出(chu)(chu),因为用(yong)户(hu)不(bu)会(hui)很好地对待它(ta)。应该(gai)通过指定的(de)(de)(de)(de)(de)(de)按(an)钮打开联系人pop,这(zhei)(zhei)将是(shi)(shi)完美的(de)(de)(de)(de)(de)(de)。

带有简单弹出窗口的El MundoalRevés
这个网页上有四个带有手机购彩描述的彩色块。每个街区都附有一个弹出信息部分。通过单击启动它以及通过十字按钮关闭它很容易。

El Mundo al Reves

El Mundo al Reves

越大越好?

对于许(xu)多(duo)网站设(she)计元(yuan)素来说大(da)小(xiao)(xiao)很重要,这个(ge)列(lie)表中是(shi)否有弹出(chu)窗(chuang)口 他(ta)们肯定在那(nei)里,但问题是(shi)弹出(chu)窗(chuang)口应该是(shi)小(xiao)(xiao)还是(shi)大(da)。比(bi)较:一个(ge)小(xiao)(xiao)的(de)(de)弹出(chu)窗(chuang)口,假设(she)整(zheng)个(ge)网页(ye)的(de)(de)30-40%,将(jiang)是(shi)准确的(de)(de),漂亮的(de)(de),并且不会在视觉上阻止其(qi)他(ta)内容。尽管(guan)如(ru)此,如(ru)果(guo)您(nin)希望弹出(chu)窗(chuang)口能够吸(xi)引所有用户的(de)(de)注(zhu)意力并使(shi)内容高度可见(jian),那(nei)么最好(hao)使(shi)这个(ge)窗(chuang)口变得庞大(da)并占据大(da)约80%的(de)(de)网页(ye)空间。使(shi)用的(de)(de)另一个(ge)技(ji)巧:如(ru)果(guo)弹出(chu)窗(chuang)口非常小(xiao)(xiao),使(shi)背(bei)景(jing)模糊或变暗。这将(jiang)导致(zhi)一个(ge)小(xiao)(xiao)窗(chuang)口更好(hao)的(de)(de)视觉曝(pu)光。

带有漂亮弹出设计的Photodoto博客
我们在这里看到的是一个非常酷的弹出窗口,按照正确的网页大小比例完成。由于其明亮的色彩选择和变暗的背景效果,它在背景中脱颖而出。

Photodoto

彩色游戏

颜色(se)(se)是每(mei)个网页设计方(fang)面的(de)(de)(de)(de)重要(yao)组成部分,这是真的(de)(de)(de)(de)。但是哪种颜色(se)(se)选(xuan)择赢得了(le)弹出窗(chuang)口?最(zui)好(hao)的(de)(de)(de)(de)调色(se)(se)板是基(ji)于对(dui)比度的(de)(de)(de)(de)调色(se)(se)板。最(zui)后(hou),任何(he)(he)弹出窗(chuang)口的(de)(de)(de)(de)目标都是让(rang)人(ren)们行动起来,因此(ci)您需(xu)要(yao)设计一个CTA按钮/促销(xiao)代码,或任何(he)(he)其他(ta)细(xi)节(jie),以明亮的(de)(de)(de)(de)颜色(se)(se)进行操作。在这种情(qing)况下(xia),主(zhu)要(yao)的(de)(de)(de)(de)弹出颜色(se)(se)是中性的(de)(de)(de)(de),例如白色(se)(se),灰色(se)(se)或棕色(se)(se)。

农场网站设计与明亮的黄色弹出
这种弹出设计形成对比,但与我们讨论的方式略有不同。它不使用两种相反的颜色,它是单色的,带有吸引人的黄色调。在黑暗的背景下看起来很棒。

农业网站设计

内容

弹出窗口中的(de)内容非常(chang)(chang)小,因此(ci)其(qi)主要任务是引人注目且非常(chang)(chang)明智(zhi)。您(nin)在此(ci)部(bu)分中编写的(de)这两行(xing)或(huo)三行(xing)文本将(jiang)决定您(nin)的(de)在线(xian)广告系(xi)列的(de)未(wei)来。你可以使(shi)用的(de)一些(xie)引人注目的(de)词是:保存,免费,结(jie)果,想要,准备好,需要,获取(qu),尝试,讨(tao)价还(hai)价,折扣,交易,快(kuai)速(su),现在,快(kuai)点,成为第一个,最后一个机会(hui)等等。

我爱娄网站与比赛弹出
这个法国网站上的弹出窗口有一个有说服力的CTA按钮。这意味着用英语“玩和赢”。

我爱娄

给出一个选择

制(zhi)作一个(ge)(ge)(ge)弹出窗(chuang)口提出一个(ge)(ge)(ge)问(wen)题(ti)并提供两个(ge)(ge)(ge)简单(dan)答案“是(shi)”或“否”是(shi)一件(jian)非常好的(de)(de)(de)事情。例(li)如,您希望访(fang)问(wen)者尝试(shi)(shi)新产(chan)品(pin)的(de)(de)(de)免(mian)(mian)费(fei)试(shi)(shi)用版,并且您有一个(ge)(ge)(ge)问(wen)题(ti)“您想免(mian)(mian)费(fei)测(ce)试(shi)(shi)我们(men)的(de)(de)(de)新产(chan)品(pin)吗(ma)?”。当然你可(ke)以(yi)制(zhi)作一个(ge)(ge)(ge)带有'yes','try','try now','test','试(shi)(shi)用'等文本的(de)(de)(de)单(dan)个(ge)(ge)(ge)CTA按(an)钮(niu)。但你可(ke)以(yi)制(zhi)作两个(ge)(ge)(ge)按(an)钮(niu)(最(zui)好是(shi)不(bu)同颜(yan)色)以(yi)下(xia)文字(zi):'是(shi)的(de)(de)(de),我想要'和(he)'不(bu),我不(bu)想要任何(he)(he)免(mian)(mian)费(fei)的(de)(de)(de)东(dong)西'。这些只是(shi)近似变体,但感(gan)觉很清楚(chu)。在(zai)这种情况下(xia),您需要用户了解他们(men)现在(zai)有机会,以(yi)后将没有任何(he)(he)免(mian)(mian)费(fei)。

有限的选择煽动(dong)用(yong)户采取行(xing)动(dong),而不是犹豫(yu)。

报名表

任何形式的(de)(de)用(yong)(yong)户(hu)(hu)都会(hui)怀(huai)疑,因为它要(yao)求提(ti)供(gong)个(ge)人数据。它不涉(she)及联系表单弹(dan)出窗(chuang)口(kou)(kou),用(yong)(yong)户(hu)(hu)根据他们(men)的(de)(de)决定(ding)(ding)。现(xian)在,我们(men)正(zheng)在谈论提(ti)供(gong)用(yong)(yong)户(hu)(hu)订阅时事通讯,获(huo)得免费(fei)电子书或课(ke)程,获(huo)得折扣等(deng)的(de)(de)表格。两步弹(dan)出窗(chuang)口(kou)(kou)有可(ke)能更好用(yong)(yong)。你在第一(yi)个(ge)弹(dan)出窗(chuang)口(kou)(kou)中询问一(yi)个(ge)问题(ti)(就(jiu)像我们(men)上面提(ti)到的(de)(de)例子中那样)然(ran)后(hou)有2个(ge)场景(jing)要(yao)继续。对于那些积极回答(da)的(de)(de)人,您将(jiang)打开(kai)另一(yi)个(ge)带有输入表单的(de)(de)弹(dan)出窗(chuang)口(kou)(kou),然(ran)后(hou)关闭选择否定(ding)(ding)答(da)案(an)的(de)(de)用(yong)(yong)户(hu)(hu)的(de)(de)窗(chuang)口(kou)(kou)。

带有快速
弹出窗口的 SentinelOne站点弹出窗口中的Web表单允许您通过单击按钮和几个空字段来快速订购公司手机购彩。顺便说一句,检查CTA按钮 - 它的颜色真的很吸引人!

SentinalOne

Hatteras网站弹出简单联系表格
按下手机购彩或联系页面上的“手机购彩”按钮,您将看到这个最小的弹出式设计,并填写表格。如果你改变主意,点击十字架。

哈特拉斯

替代

每(mei)个用(yong)户(hu)都有(you)权选择(ze),您应该尊(zun)重这一点。在(zai)使(shi)用(yong)弹(dan)(dan)出窗口(kou)创建(jian)时,您需(xu)要考虑所有(you)可能(neng)的(de)(de)(de)结果(guo)。有(you)些人会(hui)喜欢你的(de)(de)(de)弹(dan)(dan)出窗口(kou),其他(ta)人会(hui)讨(tao)厌它(ta)(ta),有(you)些人会(hui)自动关闭它(ta)(ta),然后(hou)再找到(dao)它(ta)(ta)的(de)(de)(de)位(wei)置。对于想要尽(jin)快(kuai)回到(dao)网站的(de)(de)(de)用(yong)户(hu),您需(xu)要让弹(dan)(dan)出窗口(kou)易于关闭(不(bu)提(ti)供任何(he)答案(an)),因为他(ta)们对优惠和广告不(bu)感兴(xing)趣。

那么,时间是(shi)你可以面对的(de)一个非常(chang)大的(de)问(wen)题 - 什(shen)么时候弹(dan)出(chu)来,它(ta)应(ying)该在关闭(bi)后再(zai)次(ci)出(chu)现(xian)?中庸(yong)的(de)意思是(shi)在网站(zhan)打开后大约5秒内(nei)弹(dan)出(chu)一个弹(dan)出(chu)窗口,如(ru)果用(yong)户关闭(bi)它(ta),它(ta)不应(ying)再(zai)出(chu)现(xian)。尽管如(ru)此,如(ru)果关闭(bi)是(shi)偶然的(de),并且弹(dan)出(chu)窗口提供了独家信息/折扣,请确保它(ta)足够频繁出(chu)现(xian),例如(ru)每次(ci)用(yong)户打开网站(zhan)(或某个页面)时。

Xchop网站实时聊天弹出
实时聊天是与用户联系的好方法,本网站展示了如何充分利用弹出式设计与客户进行交流。窗口会自动显示,但您可以使用向下箭头隐藏它。

Xchop

Facebook的弹出式创新杀戮
这种弹出式设计的变体(在网站开放后立即出现)旨在吸引更多新的Facebook粉丝。如果您不想关注此社区,请使用左上角的十字按钮。

创造力杀死

下一步是什么?

弹出(chu)窗(chuang)口(kou)不应该(gai)破坏用户体验(yan)。在弹出(chu)窗(chuang)口(kou)出(chu)现之前,将用户带回到(dao)他们(men)曾(ceng)经(jing)去(qu)过(guo)的地方。不承诺将用户转(zhuan)发到(dao)您希(xi)望他们(men)访问的页面或部(bu)分。

结论

弹出(chu)式(shi)设(she)计有很多规则,但决(jue)定性(xing)的是使其(qi)有效(xiao)。在设(she)计,编写和正确放置时有效(xiao)。让你的弹出(chu)窗口成为一个有用的网站元素(su),而不是破(po)坏性(xing)的!

杭州企(qi)业(ye)网站建(jian)设(she)

关键(jian)词

最新案例

联系电话 400-6065-301

留言(yan)

手机购彩(www.angelakelso.com)手机购彩【488推荐】是为当前国内知名的游戏平台网站,是值得您信赖的专业彩票网站,聚集了十多种优秀的经典游戏。提供官方数据,实时开奖,有权威,有保障...