讓大家一步一步建立優良的網店eShop!網頁製作

網上商店eShop的設計有甚麼必要元素?(下)

網上商店的設計可以千變萬化,但當中亦離不開一些必要的元素,我們在上篇和中篇已經介紹過當中一部份。可是要構成一個完善的網站設計(UX design)還是遠遠不夠,所以現在我們繼續為大家提供整網頁靈感,帶大家一步一步建立優良的網店eShop。 7. 網誌/博客  在網上商店加入網誌的好處有好多,首先有助eShop進行搜尋引擎優化,而且能夠透過博客內容軟性宣傳網站的產品,例如發佈商品最新消息,介紹商品的特色、使用方法和心得等等,比起產品頁面裡大同小異的商品描述有說服力得多。而且網誌的特別之處在於可以讓網店訪客留下評論和回覆,加強與消費者的互動。 8. 與社交媒體的整合 將網站設計(UX design)結合社交媒體是不可缺少的重要元素。社交媒體傳播的速度和受眾的廣泛度眾所周知,如果網店eShop上的商品能夠被訪客分享到這些平台,將有助更多人認識到這家eShop,更可能透過社交媒體進入網店購物。亦有些用戶會將考慮購買的商品分享到自己的社交媒體帳戶以作紀錄,當他們打算採取行動時就能找回商品 。此外,多數社交媒體如Facebook和Instagram等,均容許企業創建業務專頁,而透過這些專頁分享網店的產品亦是吸引消費者到訪eShop店的好方法。 9. HTML 5和CSS 3 HTML 5是對HTML的第5次修訂,亦是最新標準,其主要作用是將互聯網語義化,令網頁語言更容易被人類和機器理解和讀取,同時對在網站嵌入多媒體有更好的支援,減少瀏覽器對外掛程式的要求,並加強網頁的兼容和穩定性。而     HTML 5推出之後,網頁開發不再需應對PC、Android和iOS等不同用戶端分別編寫不同的代碼,只要按照HTML 5標準編碼,網頁就能在各個用戶端正常運行,大大減低網站設計和開發的時間和成本。 CSS是為HTML添加樣式的電腦語言,主要用途是控制網頁的字體、顏色、位置、結構樣式等元素。而CSS 3是其升級版本,能夠減少開發與維護成本,使用一個標籤便能實現繪圖、切圖、優化和修改圖片的效果。同時,CCS 3能夠呈現更多的視覺效果,可取締多餘的標簽嵌套及減少圖片使用量,減少網頁被瀏覽時需要載入的物件。訪客在瀏覽網店時便能享有快速的頁面加載體驗。文章已經來到結尾,網上商店設計的確是五花八門,我們所提及過的元素只是冰山一角,technine在網站設計和建立網上商店(eShop)上擁有豐富經驗和知識,是您可以諮詢的對象,歡迎隨時聯絡我們! technine.玖創科技 為一群積極的IT技術專家,及市場營銷顧問所組成的軟件開發及系統整合商 (System Integrator),致力為企業提供創新的IT解決方案及營銷建議,為客戶重新計劃並實施度身訂造的技術方案,幫助企業節省成本,提高營運效率。 technine服務包括:軟件、系統、Android/ iOS 手機App、智能Kiosk設計及開發、網站 (Website) 及網店 (e-Shop) 設計、門禁系統 (Access Control – QR Code/ NFC)、CRM/ HRM系統、區塊鏈 (Blockchain) 技術、雲端服務 (Cloud)、物聯網 (IoT)、搜尋引擎優化 (SEO),以及IT顧問服務等。
Sc7iWFs1ko
November 22, 2019
提升用戶購物體驗,自然增加用戶的購買率!網頁製作

網上商店eShop的設計有甚麼必要元素?(中)

看過上篇之後,大家對於網店設計有獲得方向嗎?假如還不是太清晰,不用擔心,現在讓我們繼續介紹網站設計(UX design)公司在設計網店時必定會加入的元素,強烈建議您繼續看下去! 4.產品篩選器 產品篩選器對網上商店來說是不可或缺的。當網店eShop可提供一定的產品數量時,用戶便可運用篩選器收窄商品種類範圍,以最便捷的途徑找到想要的商品,這除了提升用戶購物體驗,還有利於自然增加用戶的購買率! 5. 單頁式結帳 如果大家曾光顧網上商店的話,必定有以下經歷:第一頁登入或註冊,第二頁輸入帳單地址,第三頁送貨地址,第四頁選擇運送方式,第五頁選擇付款方式……繁複的過程是會增加用戶放棄購買的可能性!有些用戶在某個步驟不慎輸入錯誤的資料時,部份網店eShop是需要回到第一頁面,重新輸入所有分頁的資料,這樣重重覆覆是浪費時間之餘,更大有可能令用戶在中途改變心意,放棄購物! 而「單頁式結帳」就能讓用戶快速完成整個付款程序!將結帳的所有步驟集中在一頁,用戶便不必依次序逐頁輸入所需的資料,更可以隨意修改而不影響其他選項。結帳的過程愈是簡單、所需時間愈短,用戶能完成購買的機會便愈大! 6.鎖定選單功能 「鎖定選單」這個功能可讓用戶在瀏覽網店,將頁面滾動下去時,網頁的選單仍然會鎖定在視窗的頂部。這樣,無論用戶已把頁面拉到哪裡去,他們亦能隨時點擊eShop的主選單,而不需要回到頁面最上方。 說到這裡,大家不妨先構思如何在網站設計(UX design)中活用這些功能。想知道還有甚麼元素是設計網店時不可缺少?請繼續留意我們的更新!  technine.玖創科技 為一群積極的IT技術專家,及市場營銷顧問所組成的軟件開發及系統整合商 (System Integrator),致力為企業提供創新的IT解決方案及營銷建議,為客戶重新計劃並實施度身訂造的技術方案,幫助企業節省成本,提高營運效率。 technine服務包括:軟件、系統、Android/ iOS 手機App、智能Kiosk設計及開發、網站 (Website) 及網店 (e-Shop) 設計、門禁系統 (Access Control – QR Code/ NFC)、CRM/ HRM系統、區塊鏈 (Blockchain) 技術、雲端服務 (Cloud)、物聯網 (IoT)、搜尋引擎優化 (SEO),以及IT顧問服務等。
Sc7iWFs1ko
November 14, 2019
怎樣的網站設計才能打造出一個優質的eShop?網頁製作

網上商店eShop的設計有甚麼必要元素?(上)

「網購」讓消費者隨時隨地可以購入心儀的產品,不少品牌都紛紛加入網店(eShop)行列,但要讓消費者選擇您的產品,除了本身的產品質素,一個能夠提供良好購物體驗的eShop絕對會增加消費者的購買意慾。試想像一個界面混亂、指示模糊的網上商店,如何讓消費者有信心?因此,這篇文章會帶各位讀者認識怎樣的網站設計才能打造出一個優質的eShop。 1.用戶體驗User Experience (UX) 在提及網站設計時我們很常會說到「UX Design」。所謂UX Design是指以網站的設計可為用戶帶來的使用及瀏覽體驗(User Experience)。而UX Design涉及的元素有很多,例如因應用戶的瀏覽過程和使用習慣設計網站的架構、功能、按鍵的數量和位置等等。網店(eShop)能夠帶來的用戶體驗愈好,顧客下單購買的機率便愈大。 2.HTTPS加密連線 隨著電子商務應用和貨幣電子化的普及,消費者十分注重個人私隱和網上交易的安全性,網上商店使用HTTPS加密連線已是取得用戶信任的最基本動作。自2017年起,瀏覽器Chrome就開始對沒有使用HTTPS的網站在要求用戶密碼時彈出「不安全警告」,如果這樣的警告出現在eShop進行付款或交易時,用戶一定會對付款有所猶豫,網店形象亦會因而下跌。您可以向加密憑證頒發的機構(CA, Certificate Authority)獲取SSL證書,用戶會對經過加密的網上商店更有信心。 3.搜尋引擎優化(Search Engine Optimization) 建立一個網上商店後,要如何讓消費者在無數的網站中選擇進入您的eShop購物呢?其中一個非常有效的方法就是進行搜尋引擎優化 (SEO)。SEO的作用是提高網頁在搜尋引擎結果的排名,增加網站的點擊率和流量,最終提升網站的銷售數量。網站設計架構時就應該一併考慮建立一個有利於網店進行SEO的網站架構,例如支援SEO Rewrite URL、可簡便地編輯Meta title及Meta description以及支援結構化數據等等。今日先為大家介紹頭3個網上商店設計的必要元素,其餘的內容我們將會陸續為大家送上,敬請密切留意最新的文章發佈! technine.玖創科技 為一群積極的IT技術專家,及市場營銷顧問所組成的軟件開發及系統整合商 (System Integrator),致力為企業提供創新的IT解決方案及營銷建議,為客戶重新計劃並實施度身訂造的技術方案,幫助企業節省成本,提高營運效率。 technine服務包括:軟件、系統、Android/ iOS 手機App、智能Kiosk設計及開發、網站 (Website) 及網店 (e-Shop) 設計、門禁系統 (Access Control – QR Code/ NFC)、CRM/ HRM系統、區塊鏈 (Blockchain) 技術、雲端服務 (Cloud)、物聯網 (IoT)、搜尋引擎優化 (SEO),以及IT顧問服務等。
Sc7iWFs1ko
November 7, 2019
WordPress教學

製作第一個屬於你的網站

如果大家已看過「WordPress - 助你開拓網絡新世界的平台」這篇文章的話,相信大概會知道WordPress需求定位。WordPress是一個用戶適應性(User Adaptability) 很高的網站開發工具,即使是一個沒接觸過Programming的人,也能造出一個符合業界標準的網站。technine將帶領大家走進WordPress的世界。開始之前,我們先依照以下步驟進行一些基本的平台安裝。 到https://wordpress.org/download/下載WordPress  將已下載的檔案加到你的Server 加入方法可參考另一篇文章 - 「為網站加入你喜歡的網址」 從你的網址後加上/wp-admin 如圖所示 輸入帳號與密碼,然後登入 登入後,你將會看到這個畫面,這個是網站的後台,就像演唱會舞台後方的工作室一樣 這裡以顏色區分為三部分: 黃色 - 快捷功能條 紅色 - 主功能列表 藍色 - 操作畫面 接下來,我們需要為WordPress找一個主題作為建立網站的主要工具。 在 主功能列表 -> 外觀 -> 佈景主題 不同的主題會提供不同的編輯器,情況就像走到文具店選購不同牌子的原子筆一樣,主題的「好用程度」因人而異,建議根據網上的推薦去選容易上手的主題 除了WordPress本身提供的預設主題外,你也可以按紫色位置去安裝由其他開發者開發的主題 本站亦提供數個適合初學者的主題 Colibri Enfold Flatsome 這次我們用Colibri作為入門教學 完成安裝和基本設置後,可以開始設計網站了 在左邊選擇Pages,可看到主題已為我們建立了基本的頁面。 我們先設計主頁面,按下Front Page 按下Edit in Colibri, 會自動開啟網頁編輯器 到了這裡再次說明,不同的主題會提供不同的網頁編輯器 而Colibri這個主題提供的是視覺編輯器,讓你能夠以直覺修改文字、圖片、顏色等元素 順帶一提,網頁的基本結構就像磗頭一樣,每一塊磗頭必須由左邊開始建立,而且每行最多容納十二塊磗頭 完成修改後,可以按一下左上角Publish進行儲存,然後按一下左邊的小眼預覽修改 有了以上使用WordPress的基本概念後,基本上已經可以製作一些簡單頁面,以上的教學適合一些從未接觸過網頁的人,如果你想深入了解更多,歡迎瀏覽本站其他的WordPress教學文章,謝謝。 如有任何關於製作網站的疑難或查詢網站製作服務,歡迎聯絡我們。 technine.玖創科技 為一群積極的IT技術專家,及市場營銷顧問所組成的軟件開發及系統整合商 (System Integrator),致力為企業提供創新的IT解決方案及營銷建議,為客戶重新計劃並實施度身訂造的技術方案,幫助企業節省成本,提高營運效率。 technine服務包括:軟件、系統、Android/ iOS 手機App、智能Kiosk設計及開發、網站 (Website) 及網店 (e-Shop) 設計、門禁系統 (Access Control – QR Code/ NFC)、CRM/ HRM系統、區塊鏈 (Blockchain) 技術、雲端服務 (Cloud)、物聯網 (IoT)、搜尋引擎優化 (SEO),以及IT顧問服務等。
Sc7iWFs1ko
October 24, 2019
technine UI UX手機應用程式(App)制作用戶體驗及界面設計 (UI/UX)

使用者介面設計(UI Design)的4條原則

我們幫客戶整APP的設計時,常常會提到「UI Design」這個字眼。到底您真的了解甚麼是UI Design嗎?今日就帶大家一探究竟! 甚麼是UI Design? UI是指User Interface(使用者介面),是系統和使用者進行互動和交換信息的觸媒,而UI Design即對其進行操作邏輯和介面美觀的設計,令使用者操作變得簡易和舒適。 UI Design的4條原則 1. 製作更容易點選的點擊區域 也許我們或多或少都遇過以下情況:在使用APP的時候有些按鈕總要按幾次才有反應,甚或系統無法正確識別您的按鍵動作,令到點擊相當費時。以UI Design來說這些表現是不合格的。所以在整APP時,可以將輸入框、按鈕等點選區域的點擊反應熱區做更大一些,讓使用者更輕鬆地進行點擊操作。 2. 善用圖形表達文字內容 整APP時,版面設計可以利用圖形將不同層次的文字分隔開,讓版面上的內容明確地區分出優先次序。而文字與圖形之間的對齊、間距、尺寸和色調只要配合得宜,就能令版面看起上來更乾淨俐落。 用圖片輔助文字表達都是一種設計的形式,有些東西光靠文字是難以表達的。以預約Party room的APP做例子,如果單靠文字描述,人們會難以理解房間的樣子,所以會加上Party room的環照片相去輔助文字,幫助使用者了解產品。 3. 有條理地放置功能按鈕 有些功能是無論整甚麼APP都一定會具備,例如「更改」、「返回」、「刪除」和「新增」之類的按鈕。要令使用者體驗更流暢,就應該將這類按鈕按照常理放在使用者會想到的地方,像是「返回」鍵會放在版面的左上角而不會是正下方。可以先參考iOS和Android系統版面,再進行app開發設計。 4. 定好1種顏色作基調 切記,用色多不等如用色好!和諧的色彩配搭才是最好!所以色彩設計上最好用1種顏色作為設計的主調,另外配搭多2種顏色作為輔助色已相當足夠!在版面上出現太多顏色只會令使用者眼花瞭亂。而無彩度色(黑白灰)的配搭亦是可取的方法,只在想吸引使用者注意的地方上加上色彩,讓顏色運用恰到好處。 希望這篇文章幫到您對UI Design有多點了解!我們會持續分享APP和網頁設計開發的相關知識,請繼續留意我們的更新!如有任何疑問或合作需求亦歡迎向我們查詢! (下篇文章) technine.玖創科技 為一群積極的IT技術專家,及市場營銷顧問所組成的軟件開發及系統整合商 (System Integrator),致力為企業提供創新的IT解決方案及營銷建議,為客戶重新計劃並實施度身訂造的技術方案,幫助企業節省成本,提高營運效率。 technine服務包括:軟件、系統、Android/ iOS 手機App、智能Kiosk設計及開發、網站 (Website) 及網店 (e-Shop) 設計、門禁系統 (Access Control – QR Code/ NFC)、CRM/ HRM系統、區塊鏈 (Blockchain) 技術、雲端服務 (Cloud)、物聯網 (IoT)、搜尋引擎優化 (SEO),以及IT顧問服務等。
Sc7iWFs1ko
October 14, 2019
WhatsApp Us whatsapp