?手機(jī)網(wǎng)站

在我之前的文章中，我討論了創(chuàng)建原生手機(jī)APP的好處和不足。本部分將介紹制作手機(jī)網(wǎng)站的利弊。

手機(jī)網(wǎng)站與原生手機(jī)APP的不同之處在于它不是直接安裝到手機(jī)或平板電腦上，而是在手機(jī)網(wǎng)絡(luò)瀏覽器中查看。這些網(wǎng)站也與在計(jì)算機(jī)上瀏覽時(shí)看到的網(wǎng)站不同，因?yàn)樗鼈冊(cè)谝曈X上重新設(shè)計(jì)或重新組織以更好地適應(yīng)較小的屏幕。鑒于用戶在手機(jī)設(shè)備上瀏覽的時(shí)間比傳統(tǒng)計(jì)算機(jī)上的時(shí)間要多，因此我們?cè)趧?chuàng)建網(wǎng)站時(shí)需要牢記這一點(diǎn)。

為什么是手機(jī)網(wǎng)站

不是為手機(jī)設(shè)備創(chuàng)建的網(wǎng)站仍然可以通過手機(jī)設(shè)備訪問。它們看起來就像在桌面上一樣，但在更小的屏幕上。這迫使用戶以非常令人沮喪的方式與這些網(wǎng)站進(jìn)行交互。就好像他們有一個(gè)小窗口，可以通過它查看和查看大文件。例如，在 iPhone 上查看 Reddit：

如您所見，用戶必須放大才能看到網(wǎng)頁的一小部分。每當(dāng)一個(gè)人試圖通過輸入信息與網(wǎng)站進(jìn)行交互時(shí)，它就會(huì)變得越來越令人沮喪。必須放大并單擊每個(gè)小文本輸入可能足以導(dǎo)致用戶完全離開網(wǎng)站。對(duì)于 Reddit 來說幸運(yùn)的是，有很多很棒的 Reddit APP可以更好地適應(yīng)手機(jī)用戶。

這不僅會(huì)使您的訪問者感到沮喪，而且他們可能會(huì)離開去尋找更易于使用的競(jìng)爭(zhēng)對(duì)手的手機(jī)網(wǎng)站。甚至可以說，失去手機(jī)網(wǎng)站用戶比失去非手機(jī)用戶更糟糕，因?yàn)槭謾C(jī)用戶可能會(huì)四處走動(dòng)，積極尋找您的產(chǎn)品或服務(wù)。此外，手機(jī)用戶的零售支出高于桌面用戶。

因此，即使有些人可能認(rèn)為，由于他們現(xiàn)有的網(wǎng)站可以在手機(jī)設(shè)備上查看，它們也被覆蓋了。事實(shí)是這些用戶如此豐富和有價(jià)值，他們應(yīng)得并且經(jīng)常要求自己的經(jīng)驗(yàn)。

如何制作手機(jī)網(wǎng)站

與手機(jī)APP相比，手機(jī)網(wǎng)站的參與度和成本要低得多。任何新網(wǎng)站的構(gòu)建都應(yīng)該考慮到手機(jī)設(shè)備。事實(shí)上，它可能應(yīng)該以手機(jī)優(yōu)先的方式設(shè)計(jì)。這意味著從最小的設(shè)備開始，然后逐步升級(jí)。這通常會(huì)導(dǎo)致站點(diǎn)由小型且可堆疊的部分構(gòu)建。在手機(jī)設(shè)備上，這些部分可以垂直堆疊，因此用戶可以向下滾動(dòng)并閱讀每個(gè)部分。在更大的屏幕上，這些部分可以擴(kuò)展或重新排列以利用額外的空間。這里要記住的重要一點(diǎn)是，這個(gè)手機(jī)網(wǎng)站不必是一個(gè)完全不同的實(shí)體。功能和內(nèi)容可以完全相同，或者至少有很大的重疊。唯一需要改變的是頁面的樣式。

精心設(shè)計(jì)的網(wǎng)站將樣式代碼與內(nèi)容分開，這可以使這個(gè)過程相當(dāng)簡(jiǎn)單。只需根據(jù)屏幕尺寸有條件地應(yīng)用樣式即可。通過查看我們與Harman出色的設(shè)計(jì)團(tuán)隊(duì)合作完成的此頁面，可以看到這項(xiàng)技術(shù)| 星期五。要么在桌面和手機(jī)設(shè)備上打開該頁面，要么只是縮小和擴(kuò)大瀏覽器窗口，體驗(yàn)網(wǎng)站的響應(yīng)式設(shè)計(jì)。根據(jù)瀏覽器的大小，樣式會(huì)發(fā)生變化。

在桌面上查看時(shí)，該網(wǎng)站如下所示：

但是在手機(jī)上查看時(shí)，它看起來像：

這被稱為響應(yīng)式站點(diǎn)。這意味著它響應(yīng)瀏覽器的大小。如您所見，內(nèi)容相同，但導(dǎo)航菜單、圖像大小和布局不同。只需更改樣式，我們就可以傳達(dá)相同的信息，同時(shí)創(chuàng)建最適合正在查看的設(shè)備的體驗(yàn)。

本文不會(huì)更深入地討論手機(jī)網(wǎng)站的技術(shù)方面，但如果您對(duì)此感興趣，請(qǐng)隨時(shí)告訴我們。到目前為止，我們的手機(jī)網(wǎng)站方法對(duì)我們來說效果很好，我們會(huì)很高興在另一篇文章中分享這方面的內(nèi)容。或者，如果您正在尋找有關(guān)您的手機(jī)網(wǎng)站的幫助，我們很樂意收到您的來信！

手機(jī)網(wǎng)站相對(duì)于手機(jī)APP的優(yōu)勢(shì)

我將盡量不要簡(jiǎn)單地顛倒我之前的文章，但這里簡(jiǎn)要列出了手機(jī)網(wǎng)站可能是貴公司正確選擇的原因：

• 一次構(gòu)建——可以在任何設(shè)備上以最少的更改查看相同的手機(jī)網(wǎng)站。無需創(chuàng)建和維護(hù) iPhone、Android、BlackBerry、Windows phone 等版本。

• 顯著便宜——在很大程度上由于上一節(jié)中介紹的信息，手機(jī)網(wǎng)站幾乎是網(wǎng)站的一個(gè)功能，而不是一個(gè)額外的項(xiàng)目本身。

• 進(jìn)入壁壘——用戶不必安裝APP，他們只需使用他們的手機(jī)瀏覽器，這應(yīng)該是默認(rèn)APP。

• 依賴現(xiàn)有的基礎(chǔ)設(shè)施——這個(gè)網(wǎng)站將使用相同的 URL，從現(xiàn)有的 SEO 中受益，增加您的域的查看次數(shù)和鏈接，并且?guī)缀蹩偸强梢灾赜矛F(xiàn)有的代碼。

手機(jī)網(wǎng)站的缺點(diǎn)

很難找到手機(jī)網(wǎng)站的真正缺點(diǎn)。它們肯定有缺點(diǎn)，例如無法離線使用，或者無法利用手機(jī)設(shè)備中的數(shù)據(jù)或與其他手機(jī)APP交互。但這些可以被認(rèn)為是手機(jī)APP提供的附加功能，而不是手機(jī)網(wǎng)站的真正問題。

你應(yīng)該有一個(gè)手機(jī)網(wǎng)站嗎？

鑒于創(chuàng)建手機(jī)網(wǎng)站相對(duì)容易，用戶在手機(jī)設(shè)備上花費(fèi)的大量資金，以及仍在增長(zhǎng)的手機(jī)市場(chǎng)，您不能不擁有手機(jī)網(wǎng)站。在許多情況下，它與擁有一個(gè)網(wǎng)站一樣重要，甚至更重要。手機(jī)網(wǎng)站應(yīng)該是您的手機(jī)方法的基礎(chǔ)。

我在本系列的最后一篇文章將討論一種更強(qiáng)大的手機(jī)方法，它可能適合某些公司。但是，劇透警告，手機(jī)網(wǎng)站幾乎是先決條件。

APP開發(fā)公司-北京天品互聯(lián)，可以為企業(yè)完成手機(jī)網(wǎng)站和手機(jī)APP軟件開發(fā)服務(wù)，如有問題，可致電咨詢。

• 上一篇 : 手機(jī)APP開發(fā)流程，如何開發(fā)手機(jī)app？
• 下一篇 : 手機(jī)APP軟件開發(fā)外包的7大理由