')}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:hsla(0,0%,100%,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:hsla(0,0%,100%,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:hsla(0,0%,100%,.5);border-color:hsla(0,0%,100%,.1)}.navbar-dark .navbar-toggler-icon{background-image:url('data:image/svg+xml;charset=utf-8,')}.navbar-dark .navbar-text{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem}.card-subtitle,.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-bottom:-.75rem;border-bottom:0}.card-header-pills,.card-header-tabs{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{flex:1 0;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;column-count:3;-webkit-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.breadcrumb{display:flex;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item:before{float:left;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover:before{text-decoration:underline;text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.App{display:flex;flex-direction:column}.App>.pageContent{flex:1 1;overflow:auto;padding-top:10px}.navbar-nav{flex-direction:row}.navbar-nav>*{padding-left:10px}.container{width:100%;max-width:1170px;padding-left:15px;padding-right:15px}@media only screen and (min-width:768px){.container{display:flex;flex-wrap:wrap;padding-left:30px;padding-right:30px}.container.dir-column{flex-direction:column}}.eu-cookie-notification-dialog{position:fixed;left:20px;bottom:-300px;padding:15px;width:310px;z-index:10000;font-size:12px;border-radius:4px;box-sizing:border-box;color:#555;background-color:#f4f6f8}.eu-cookie-notification-dialog .notification-title{font-size:14px;font-weight:700}.eu-cookie-notification-dialog .notification-content{padding:12px 0;line-height:1.4;display:inline-block}.eu-cookie-notification-dialog .link-text{margin:0 5px;color:#555;text-decoration:underline}.eu-cookie-notification-dialog .link-text:hover{color:#555}.eu-cookie-notification-dialog .notification-footer{display:flex;align-items:center}.eu-cookie-notification-dialog .common-button{cursor:pointer;color:#fff;font-size:12px;font-weight:700;padding:6px 10px;margin-right:10px;border-radius:4px;text-align:center;letter-spacing:normal;background-color:#4b5056}.eu-cookie-notification-dialog .setting-btn{color:#4b5056;background-color:#fff;border:1px solid #4b5056}.eu-cookie-notification-dialog .cancel-link{cursor:pointer}.eu-cookie-setting-dialog{width:100%;position:fixed;top:50%;left:50%;display:none;padding:20px;z-index:10000;max-width:500px;border-radius:5px;box-sizing:border-box;color:#555;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#f4f6f8;-webkit-animation:slide_in_animation .3s ease-in-out;animation:slide_in_animation .3s ease-in-out}.eu-cookie-setting-dialog .setting-title{font-size:14px;font-weight:700}.eu-cookie-setting-dialog .setting-item{display:flex;margin-top:20px;align-items:flex-start}.eu-cookie-setting-dialog .item-content{font-size:12px;margin:0 8px}.eu-cookie-setting-dialog .cookie-checkbox{cursor:pointer}.eu-cookie-setting-dialog .cookie-checkbox.necessary{cursor:not-allowed}.eu-cookie-setting-dialog .item-label{line-height:1;font-weight:700}.eu-cookie-setting-dialog .item-text{margin-top:5px;line-height:1.5}.eu-cookie-setting-dialog .setting-footer{margin-top:20px;text-align:right}.eu-cookie-setting-dialog .save-btn{cursor:pointer;color:#fff;font-size:12px;font-weight:700;padding:8px 10px;border-radius:4px;display:inline-block;letter-spacing:normal;background:#4b5056}.eu-cookie-setting-mask{position:fixed;display:none;top:0;left:0;width:100%;height:100%;z-index:10000;cursor:pointer;background:rgba(0,0,0,.4);-webkit-animation:slide_in_animation .2s ease-in-out;animation:slide_in_animation .2s ease-in-out}@-webkit-keyframes slide_in_animation{0%{opacity:0}to{opacity:1}}@keyframes slide_in_animation{0%{opacity:0}to{opacity:1}}.rtl-layout .eu-cookie-notification-dialog{right:20px;left:auto;text-align:right}.rtl-layout .eu-cookie-notification-dialog .common-button{margin-right:0;margin-left:10px}.rtl-layout .eu-cookie-setting-dialog-wrapper{text-align:right}.rtl-layout .eu-cookie-setting-dialog-wrapper .setting-footer{text-align:left}@media only screen and (max-width:520px){.eu-cookie-notification-dialog{width:100%;left:0}.rtl-layout .eu-cookie-notification-dialog{left:auto;right:0}}
最佳app應用程式網站設計 - 建立你的網站 - Strikingly您製作了一款出色的應用程式,並且想要展示、行銷和銷售它。您可能認為啟動新應用所需要做的就是在應用商店中優化入口。問題是您需要一個焦點來宣傳您的應用程式。您可以在某個地方大肆宣傳並擴大應用的用戶群。因此,每個應用程式都需要精心設計的有效著陸頁。最好的策略是將您的產品放在頁面的中央,周圍是一個簡單的UI和驚人的色彩組合。全螢幕視覺效果、電影、鮮豔的色彩和其他獨特而吸引人的方面使事物更加誘人。如果開發得當,行動應用程式網站是行動網頁設計靈感的絕佳來源。在為您的應用程式網站設計佈局時,請考慮以下想法並嘗試使用它們。
文章大綱
- 是什麼造就了出色的行動應用網站登入頁面?
- 如何建立行動應用網站?
- 結論
是什麼造就了出色的行動應用網站登入頁面?
行動應用網站設計的著陸頁模板通常由什麼構成?如果您檢查本文中給出的範例,甚至您最喜歡的應用程式的登入頁面,您會注意到這些基本組件:
1.標題
訪問者首先注意到的是標題。它必須證明您的應用程式的價值。簡而言之,它必須讓訪問者相信您的軟體就是他們想要的。至少,訪問者必須足夠感興趣才能留在您的頁面上。查看睡眠應用程式的工作原理,如何在一個標題中傳達其應用程式的全部價值,並在下方立即顯示號召性用語按鈕。應用程式的標題總結了行動應用程式網站的全部價值。
2. 展示清晰的產品圖片和照片
有關行動應用程式網站外觀的微妙提示。如果訪客不得不嘗試找出一些東西,他們很可能會離開。他們想知道該應用程式的使用有多簡單或具有挑戰性,更重要的是,它與其他 400 款可比較的應用程式有何區別。例如,Bite讓客戶清楚地瞭解應用程式在智慧型手機上的顯示方式,同時展示其簡單性。
圖片取自Strikingly產品
3. 英雄形象的最佳媒體
如果您想讓您的網站或登入頁面的大部分內容都有意義,您必須立即告知訪問者這是一個行動應用程式網站。由於他們將能夠查看它是適用於 Android、iOS、iPad 還是平板電腦的應用程式,因此他們也能夠立即確定它是否可用。向訪問者展示您的應用程式功能的最佳方式是透過螢幕截屏,因為他們只關心它。這不是限制,因為螢幕截屏可以適合任何佈局設計。圖片的目的應該是增強正文中呈現的敘述,而不是製作視覺上吸引人的行動應用程式登入頁面。您的圖片應突出您的產品及其優勢。
Soundcloud行動應用程式主頁是視覺吸引力內容的極好例證,因為它顯示了使用動畫 GIF 導航和查找新音樂是多麼簡單。
4. 沒有填充的空白
負空間,也稱為空白,本質上是計畫中在行動應用程式網站上留空的部分。它經常出現在展示中佈置的事物的內部、之間和周圍。它允許頁面或螢幕上的每個物件都有一些呼吸區域。永遠不要忘記,在為您的網站建立負空間時,您可以使用多種顏色、紋理、圖案和背景圖片,而不僅僅是使用空白。
圖片取自Strikingly產品
訪問Upper應用程式的網站,瞭解他們如何使用負黑色空間與用戶體驗的主要組成部分形成驚人的對比。整個螢幕上,只有一根直線。然而,由於沒有任何不必要的干擾,並且元素有呼吸的空間,佈局顯得井井有條且易於閱讀。此外,它有一個簡單的網站應用程式設計,增加了它的美感。選擇應用程式的名稱和圖示時,可見性至關重要,因為您希望人們即使不立即下載也能記住它們。
5.讓訪問者清楚地瞭解應用程式的運作方式
第一步是向訪問者展示行動應用程式網站可以做什麼,這是必不可少但不夠充分的第一步。您還必須展示軟體的功能。應用程式網站使訪問者能夠將自己想像成應用程式的實際用戶的能力是最有效的銷售驅動力之一。最簡單的方法之一是透過影片。在 PeekCalendar 的英雄部分可以看到這樣的影片。
6.正文
你在主要的正文副本中佔有一席之地對你有利。寫盡可能多的材料來解決訪問者未說出口的擔憂,並向他們保證訪問您的目標網頁是正確的選擇。內容長度將根據軟體類型和您從事的行業而有所不同。與節食和健康生活方式軟體相比,要購買無盡的跑步遊戲,需要的副本(和更多圖像)更少。
首先描述最相關的資訊
簡要總結主要特點
使用要點列出重要特徵
使用眾所周知的詞
7. 突出的號召性用語
如果行動應用程式網站缺乏明顯的號召性用語,再多的說服也無法促使人們下載該應用程式。這個 CTA 需要引起人們的注意並促使他們做某事。最好將其添加到應用網站上的多個位置。您的應用著陸頁的目的是將使用者引導至號召性用語,即點擊下載按鈕以訪問應用商店。或者他們應該在填寫聯繫表格後立即下載該應用程式。網站上的所有元素都應該協同工作以支援這一核心目標。Splitwise CTA按鈕突出顯示。標題和副標題將首先吸引訪問者的注意力,然後是清晰可見的 CTA 按鈕。
8.社會支援
您需要社會證據來說服使用者您的應用程式是可靠的。這些可能包括客戶評論中的一些最重要的引述以及部落格或報紙文章中的一些最佳摘錄。大多數應用程式經常強調積極的用戶回饋或來自知名用戶的推薦。他們的應用程式獲得的榮譽和認可將被顯示出來。他們只能吹噓自己產生了多少用戶或下載量。
9. 行動設備設計
在為您的行動應用程式網站建立登入頁面時,請確保您的點擊目標(頁面上使用者與之交互的位置)不重疊並且大小合適。查看智慧型手機應用程式Simplenote的登入頁面。首先向您介紹應用程式的功能,然後為每個作業系統提供下載連結。查看這些連結的大小。這是因為它旨在讓他們在行動設備上輕鬆點擊。
如何建立行動應用網站?
Strikingly 最好的架站工具讓您可以毫不費力地開始構建您的行動應用程式網站。首先,您必須註冊一個Strikingly帳戶。透過使用您的電子郵件 ID 在 Strikingly 上註冊,您可以實現這一目標。在 Strikingly 上註冊帳戶後,您可以修改您的網站。
圖片取自Strikingly產品
儀錶板上的“建立新網站”按鈕是您應該開始的地方。透過選擇所需的模板設計並進行必要的編輯來建立高級行動應用程式網站。您可以訪問 Stikingly 的幫助中心或閱讀我們的部落格,以瞭解有關如何更改網站模板或可以添加到網站的功能的更多資訊。您可以選擇繼續使用 Strikingly 的免費 URL 或為您的網站購買網域名稱。
圖片取自Strikingly產品
在第一年,如果你加入他們的任何年度計畫,Strikingly會給你一個域信用(價值 24.95 美元)。您還可以將現有域連接到您的網站。在連接你的 Strikingly 網域名稱後,你不需要管理網域名稱設定,因為我們會自動將它連接到你的網站。
結論
如果您遵循這五種久經考驗的技術,那麼開發旨在將使用者轉化為客戶的行動應用程式網站應該不會遇到什麼麻煩。您引人注目的配色方案和簡單的藝術作品將吸引觀眾。讓觀眾很容易理解該應用程式的功能和使用方式,從而保持他們的興趣。空白有助於提供積極的用戶體驗,而強大、明亮的 CTA 按鈕可提高轉化率。請務必記住,品牌網站的外觀設計應能吸引目標受眾下載應用程式。
Cookie的使用
我們使用cookie來改善瀏覽體驗、保證安全性和資料收集。一旦點擊接受,就表示你接受這些用於廣告和分析的cookie。你可以隨時更改你的cookie設定。了解更多