• <sub id="h4knl"><ol id="h4knl"></ol></sub>
    <sup id="h4knl"></sup>
      <sub id="h4knl"></sub>

      <sub id="h4knl"><ol id="h4knl"><em id="h4knl"></em></ol></sub><s id="h4knl"></s>
      1. <strong id="h4knl"></strong>

      2. Website、WAP、APP的差異化設(shè)計(jì)

        時(shí)間:2024-06-14 02:45:15 WAP 我要投稿
        • 相關(guān)推薦

        Website、WAP、APP的差異化設(shè)計(jì)

          作為互聯(lián)網(wǎng)電商,一般都會(huì)針對(duì)以下幾個(gè)平臺(tái)進(jìn)行開(kāi)發(fā):APP(ios&Android)、Website(PC)、Website(Pad)、WAP(手機(jī)瀏覽器,響應(yīng)式或M站)。在有限的資源內(nèi),每個(gè)公司設(shè)計(jì)開(kāi)發(fā)的側(cè)重點(diǎn)一般會(huì)不同,針對(duì)一個(gè)平臺(tái)進(jìn)行設(shè)計(jì),然后其他平臺(tái)做適配開(kāi)發(fā)的很多。所以今天我們就來(lái)聊聊幾個(gè)常用平臺(tái)設(shè)計(jì)時(shí)在信息布局上的差異。

          1. Website(PC&Pad),分塊式

          Website的顯著特點(diǎn)是顯示區(qū)域大,頁(yè)面可以承載更多的信息。

          但是在承載更多信息的同時(shí),也意味著有更多的可能,如果稍不注意便會(huì)讓整個(gè)頁(yè)面的信息變得混亂,用戶難以快速找到有效信息。

          所以Website的信息要以大的塊狀分布,先將信息分類,然后歸類成不同的塊。保證主流程(主內(nèi)容)集中在頁(yè)面中最醒目的塊中,不受其他信息干擾。

          這里稱之為分塊式。

          以Detail Page為例:

          模塊1:商品圖

          模塊2:名稱/尺碼/數(shù)量/加入購(gòu)物車等基本信息及操作

          模塊3:詳細(xì)信息

          模塊4:用戶評(píng)價(jià)

          模塊5:推薦

          (此設(shè)計(jì)中模塊1會(huì)在頁(yè)面到達(dá)模塊4前吸頂)

          2. WAP,直線式

          WAP同樣是在瀏覽器上,但是顯示區(qū)域卻小了很多,而且是觸摸操作,所以信息的布局上和APP相似。

          和APP相比WAP的體驗(yàn)一定是要差一些的,因?yàn)樵谟邢薜钠聊粌?nèi)WAP頂部和底部功能都已被占用,所以顯示區(qū)域更小了。

          而且很多在APP上表現(xiàn)不錯(cuò)的操作不能在瀏覽器發(fā)揮好。

          再者WAP會(huì)更多的遇到網(wǎng)絡(luò)慢、跳出后難回來(lái)等問(wèn)題。

          所以WAP的頁(yè)面一定要輕量,信息簡(jiǎn)潔的同時(shí)以直線的方式向下排列。

          讓用戶盡可能單純以上下滑動(dòng)完成瀏覽,在當(dāng)前頁(yè)面完成我們?cè)O(shè)定的任務(wù)。

          這里稱之為直線式。

          以Detail Page為例:

          能在當(dāng)前頁(yè)解決的絕不跳走

          3. APP,分層式

          APP的特點(diǎn)是顯示區(qū)域小,觸摸屏,穩(wěn)定可拓展。

          APP各頁(yè)之間切換更流暢,不會(huì)像WAP那樣感覺(jué)跳轉(zhuǎn)頁(yè)面時(shí)很重。

          而且你知道你就在這個(gè)APP里,不擔(dān)心跳出,所以操作起來(lái)更大膽。

          所以信息在直線向下排列的同時(shí),盡量把處于流程中的信息(比如Detail Page的尺碼選擇)和一些詳細(xì)的信息收起到另一層。

          這里稱之為分層式。

          以Detail Page為例:

          尺碼、數(shù)量會(huì)隱藏在購(gòu)物流程中,更多評(píng)論會(huì)打開(kāi)另一層等。

          結(jié)語(yǔ)這幾者的差別還有很多,比如Website在mouse over時(shí)的信息可擴(kuò)展性、APP的可見(jiàn)即可點(diǎn)等等。

        《&.doc》
        将本文的Word文档下载到电脑,方便收藏和打印
        推荐度:
        点击下载文档

        【W(wǎng)ebsite、WAP、APP的差異化設(shè)計(jì)】相關(guān)文章:

        手機(jī)wap網(wǎng)站是什么03-22

        APP推廣怎么做03-11

        提高網(wǎng)站的排名需要實(shí)現(xiàn)差異化03-21

        物業(yè)APP四大亮點(diǎn)01-23

        網(wǎng)上開(kāi)店如何做好差異化03-23

        加拿大留學(xué)最必備APP清單03-04

        有關(guān)移動(dòng)APP推廣的成功案例分析05-20

        差異化營(yíng)銷:“三綱五�!敝�03-09

        盤點(diǎn)七款集健身與游戲一體的APP03-06

        国产高潮无套免费视频_久久九九兔免费精品6_99精品热6080YY久久_国产91久久久久久无码
      3. <sub id="h4knl"><ol id="h4knl"></ol></sub>
        <sup id="h4knl"></sup>
          <sub id="h4knl"></sub>

          <sub id="h4knl"><ol id="h4knl"><em id="h4knl"></em></ol></sub><s id="h4knl"></s>
          1. <strong id="h4knl"></strong>

          2. 亚洲欧洲一区二区欧美国产 | 中文文字幕文字幕永久免费 | 在线国产综合一区二区三区 | 亚洲精品在看在线观看 | 亚洲欧美国产丝袜综合 | 在线a免费线上看 |

            Website、WAP、APP的差異化設(shè)計(jì)

              作為互聯(lián)網(wǎng)電商,一般都會(huì)針對(duì)以下幾個(gè)平臺(tái)進(jìn)行開(kāi)發(fā):APP(ios&Android)、Website(PC)、Website(Pad)、WAP(手機(jī)瀏覽器,響應(yīng)式或M站)。在有限的資源內(nèi),每個(gè)公司設(shè)計(jì)開(kāi)發(fā)的側(cè)重點(diǎn)一般會(huì)不同,針對(duì)一個(gè)平臺(tái)進(jìn)行設(shè)計(jì),然后其他平臺(tái)做適配開(kāi)發(fā)的很多。所以今天我們就來(lái)聊聊幾個(gè)常用平臺(tái)設(shè)計(jì)時(shí)在信息布局上的差異。

              1. Website(PC&Pad),分塊式

              Website的顯著特點(diǎn)是顯示區(qū)域大,頁(yè)面可以承載更多的信息。

              但是在承載更多信息的同時(shí),也意味著有更多的可能,如果稍不注意便會(huì)讓整個(gè)頁(yè)面的信息變得混亂,用戶難以快速找到有效信息。

              所以Website的信息要以大的塊狀分布,先將信息分類,然后歸類成不同的塊。保證主流程(主內(nèi)容)集中在頁(yè)面中最醒目的塊中,不受其他信息干擾。

              這里稱之為分塊式。

              以Detail Page為例:

              模塊1:商品圖

              模塊2:名稱/尺碼/數(shù)量/加入購(gòu)物車等基本信息及操作

              模塊3:詳細(xì)信息

              模塊4:用戶評(píng)價(jià)

              模塊5:推薦

              (此設(shè)計(jì)中模塊1會(huì)在頁(yè)面到達(dá)模塊4前吸頂)

              2. WAP,直線式

              WAP同樣是在瀏覽器上,但是顯示區(qū)域卻小了很多,而且是觸摸操作,所以信息的布局上和APP相似。

              和APP相比WAP的體驗(yàn)一定是要差一些的,因?yàn)樵谟邢薜钠聊粌?nèi)WAP頂部和底部功能都已被占用,所以顯示區(qū)域更小了。

              而且很多在APP上表現(xiàn)不錯(cuò)的操作不能在瀏覽器發(fā)揮好。

              再者WAP會(huì)更多的遇到網(wǎng)絡(luò)慢、跳出后難回來(lái)等問(wèn)題。

              所以WAP的頁(yè)面一定要輕量,信息簡(jiǎn)潔的同時(shí)以直線的方式向下排列。

              讓用戶盡可能單純以上下滑動(dòng)完成瀏覽,在當(dāng)前頁(yè)面完成我們?cè)O(shè)定的任務(wù)。

              這里稱之為直線式。

              以Detail Page為例:

              能在當(dāng)前頁(yè)解決的絕不跳走

              3. APP,分層式

              APP的特點(diǎn)是顯示區(qū)域小,觸摸屏,穩(wěn)定可拓展。

              APP各頁(yè)之間切換更流暢,不會(huì)像WAP那樣感覺(jué)跳轉(zhuǎn)頁(yè)面時(shí)很重。

              而且你知道你就在這個(gè)APP里,不擔(dān)心跳出,所以操作起來(lái)更大膽。

              所以信息在直線向下排列的同時(shí),盡量把處于流程中的信息(比如Detail Page的尺碼選擇)和一些詳細(xì)的信息收起到另一層。

              這里稱之為分層式。

              以Detail Page為例:

              尺碼、數(shù)量會(huì)隱藏在購(gòu)物流程中,更多評(píng)論會(huì)打開(kāi)另一層等。

              結(jié)語(yǔ)這幾者的差別還有很多,比如Website在mouse over時(shí)的信息可擴(kuò)展性、APP的可見(jiàn)即可點(diǎn)等等。