Insights

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服務供應商。我們引以為傲的團隊擁有豐富的專業知識、經驗和抱負,成為亞太區企業可靠的一站式資訊料技合作伙伴,作為「成長駭客 (Growth Hackers)」,我們透過創新科技的應用幫助企業節省成本、提升效率,並開拓具潛力的新市場。 technine提供一站式軟件及系統開發服務,同時幫助你業務成長及提昇營運效率。我們的服務包括:軟件系統開發、Android iOS App 手機應用設計及開發、區塊鏈Blockchain技術應用、Cloud雲端服務、網頁設計、SEO、ERP及CRM系統、IoT物聯網、IT顧問、Kiosk、AR及VR技術應用。 歡迎聯絡我們,查詢更多專業意見。
Sc7iWFs1ko
October 14, 2019
iOS 及 Android App手機應用程式(App)制作

APP開發公司價格簡介

開發APP有利於品牌營銷,提升企業形象和客戶體驗,以搶佔更多市場份額。不少客戶都會擔心「洗幾多錢整APP先合理?」、「APP的設計連開發會不會好貴?」接下來這篇文章會解答大家的疑難,請大家一定要看下去! 1. 寫APP價錢 開發APP的實際成本需經多個因素綜合考量才能決定:功能、設計、Android或iOS APP開發等,再估算需要多少人手負責設計和開發時間,才可以大概測算出寫APP價錢。 無論您選擇聘請個人開發工程師還是APP開發公司,都離不開以工作量的多寡來決定開發成本:整個Project需要多少人員?多少天?每天多少錢?將它們相乘就能得出開發所需的價目。 一般來說,聘請個人開發工程師的叫價會在港幣數千元至數萬元之間。雖然價格可觀,但他們能夠提供的服務十分有限,只能幫客戶製作沒有複雜介面設計,只需要簡單功能和畫面的APP。 而聘請APP開發公司的叫價則在港幣十多萬或以上。當然比個人工程師是貴了不少,但他們能夠提供功能齊全、介面精美的開發服務,並且支援跨平台(Android和iOS)APP開發,也是物超所值了。 2. APP開發公司服務 APP開發公司服務以研發為主,有些會涵蓋設計,銷售和營運。他們的專業顧問會根據行業趨勢和流行元素為客戶提供意見,再配合客戶的需求進行APP的開發。APP開發公司的優勢在於有一站式服務組合,從客戶需求、UX/UI介面設計、功能開發、維護到推廣都可以讓客戶一站辦妥。 3. 留心額外收費條款 有些APP開發公司的免費維護服務只會維持一定期限,期限過後若需要額外的維護則另外收費。記得在簽約的時候要留心是否潛在額外收費的條款,以免有意外的支出。 總括而言,聘請APP開發公司還是比個人開發工程師更有保障的選擇。如果您正在尋求開發APP的協助,或需解決APP的維護問題,不妨聯絡我們!我們會為您提供全面和有質素保證的應用程式解決方案。 technine是您首選的IT服務供應商。我們引以為傲的團隊擁有豐富的專業知識、經驗和抱負,成為亞太區企業可靠的一站式資訊料技合作伙伴,作為「成長駭客 (Growth Hackers)」,我們透過創新科技的應用幫助企業節省成本、提升效率,並開拓具潛力的新市場。 technine提供一站式軟件及系統開發服務,同時幫助你業務成長及提昇營運效率。我們的服務包括:軟件系統開發、Android iOS App 手機應用設計及開發、區塊鏈Blockchain技術應用、Cloud雲端服務、網頁設計、SEO、ERP及CRM系統、IoT物聯網、IT顧問、Kiosk、AR及VR技術應用。 歡迎聯絡我們,查詢更多專業意見。
Sc7iWFs1ko
October 2, 2019
網頁設計App設計大趨勢Mobile App DevelopmentUser Interface & User Experience (UI/UX)Web

您不能錯過的2019年網頁設計和App設計大趨勢

您是否在苦惱怎樣的網頁設計才吸引?您是否在疑惑如何讓APP設計為用家帶來最好的體驗?恭喜您!這篇文章會為您帶來解答。我們整合了2019年最新的網頁設計趨勢,為您提供網頁和APP設計靈感,記得要看到最後! 介面設計User Interfaces(UI) 1. 不對稱排版(Asymmetry) 如果想脫離嚴肅及保守的排版風格,不妨試下不對稱的網頁設計吧!現在的網頁排版工具支援挑出邊界的網頁設計,版面運用更自由,為網頁訪客帶來更生動活潑的觀感。 2. 動畫(Animation) 與靜態的文字和相片相比,色彩豐富的動畫更有趣味性,吸引力更勝一籌。2D或者3D,以及動畫時長可以隨意發揮,但切記動畫設計必須符合品牌定位,才能達至加深訪客印象,提高品牌意識之效。 3. 客製化插圖(Illustrations) 除了動畫,亦可以用客製化插圖表達品牌個性。愈來愈多公司開始根據自身品牌形象建立自家插圖,讓網站訪客對公司形象有更好的理解。例如中國彈幕影片分享網站bilibili就多處運用了「電視機」和「天線」插圖,與品牌形象如出一轍。您亦可利用插圖來向網站訪客介紹公司服務,絕對比一篇純文字更為吸引! 4. 粗體字圖形化(Big Bold Typography) 不少人在設計網頁時,自然而然地將標題設成粗體字,然後將內文設成正線體,有沒有想過可以反其道而行?用粗體字將一些重點內文放大,配合搶眼的色彩、圖形設計,讓訪客第一時間就能看到重要的資訊。 5. 活潑的色彩(Vivid colors) 色彩是不可或缺的網頁和APP設計元素,有些提供計設靈感的網頁,例如www.behance.net、dribbble.com和www.awwwards.com,提供了眾多色彩繽紛的網頁設計範本。若要吸引網站訪客的眼球,設計師可以嘗試從大膽配色方面著手,。 使用者體驗User experience(UX) 1. 移動設備友好設計(Mobile friendly) 響應式網頁設計(Responsive web design)能使網頁在任何螢幕解析度的設備上均有最佳的呈現方式,令瀏覽者省卻縮放和平移等操作。網站訪客無論使用桌面電腦、手機或平板電腦,都能輕鬆瀏覽網站。 2. 聊天機器人(Chatbot) 這個功能對商務網站尤其重要。利用電腦程式模擬人類對話,為訪客提供即時的排解疑難服務,有助留住訪客,同時亦能收集客戶數據,以達到客製化的服務。 3. 語音互動介面(Voice User Interfaces) 「語音互動介面」其中一個為人熟知的例子就是iPhone的Siri。在網頁和APP設計加入語音助理功能,協助網頁導航,引導網站訪客,絕對會為網站訪客帶來耳目一新的瀏覽體驗。 4. 使用者體驗文案 (UX Writing) 說起UX/UI設計,通常會舉出很多介面功能和畫面設計的例子,但其實網頁的文案設計絕對是不可忽略的一環。網頁的文案才是和網站訪客溝通的最主要方式,必須確保網頁文案清晰易讀,準確傳遞出您想表達的信息。 其中,說故事(Storytelling)是一個不錯的文案寫法,用故事闡述品牌核心價值,更容易引起共嗚,引起認同感。 如果您想打造出具備以上條件的優質網站,我們擁有經驗豐富的網頁設計及製作團隊,能夠提供最全面的網站解決方案。留言給我們,讓我們幫您將構思付諸現實。 technine是您首選的IT服務供應商。我們引以為傲的團隊擁有豐富的專業知識、經驗和抱負,成為香港以及亞太區企業可靠的一站式資訊料技合作伙伴,作為「成長駭客 (Growth Hackers)」,我們透過創新科技的應用幫助企業節省成本、提升效率,並開拓具潛力的新市場。 technine提供一站式軟件及系統開發服務,同時幫助你業務成長及提昇營運效率。我們的服務包括:軟件系統開發、Android iOS App 手機應用設計及開發、區塊鏈Blockchain技術應用、Cloud雲端服務、網頁設計、SEO、ERP及CRM系統、IoT物聯網、IT顧問、Kiosk、AR及VR技術應用。 歡迎聯絡我們,查詢更多專業意見。
Sc7iWFs1ko
September 26, 2019
Web

5個整網頁前必須知道的概念

官方網站或網上商店對任何公司都是不可或缺,在整網頁前有甚麼是您必須知道呢?不妨花點時間讀完這篇文章,對您建立網站有很大幫助! 1. 網站架構 網站架構提供明確的設計方向給網站設計公司。首先要清晰知道建立網站的目標,例如「建立品牌形象」和「增加銷售」,為了達成目標需要的網站功能和頁面可以是「公司簡介」和「商品目錄」等等。網站設計公司一般會參考客戶的競爭對手網頁,取其精華去其糟粕,將所需功能和頁面整合成網站的架構。 2. 以目標客戶為本 有些人整網頁時會主觀地將自己想要的風格和功能作為指標,而不是從客戶群的角度出發。成功的網站應該要令目標客戶有良好的使用體驗,您可以邀請眾用家試用並給予意見,有助構思更好的網站設計。 3. 申請網址 每個網站都必須要有一個網址才能讓瀏覽者訪問,您可以自行向網址申請公司辦理,亦可以委託網站設計公司代辦。無論您選擇何種方式,最後您都會獲得「申請網址的網站位置」、「網址的登入帳號」和「網址的發入密碼」的資訊。 4. 網站的經營和維護 完成網站設計和製作只是第一步,網站上線後必需與時並進,定期添加新內容和改善原有內容。此外,還需要透過營銷提升曝光率,推廣給更多消費者認識,吸引他們訪問網站,才能夠透過網站增強目標客戶的消費意欲。 5. 注意合約條款 與網站設計公司簽約前應細心閱讀合約條款,以維護自身權益。以下是一些您需要加倍注意的合約內容: 與網站設計公司談定的「合約金額」是否正確核對製作網站不同階段的校稿時間必須向網站設計公司確認「開版次數」、「修改次數」和「校稿方式」解約條款及解約後檔案的所有權完成的網站設計,其知識產權所有權網址的所有權網站的維護服務 如有任何與網站設計有關的疑問,或者想了解更多網站設計知識,歡迎聯絡我們,我們會為您提供最佳網站解決方案! technine是您首選的IT服務供應商。我們引以為傲的團隊擁有豐富的專業知識、經驗和抱負,成為亞太區企業可靠的一站式資訊料技合作伙伴,作為「成長駭客 (Growth Hackers)」,我們透過創新科技的應用幫助企業節省成本、提升效率,並開拓具潛力的新市場。 technine提供一站式軟件及系統開發服務,同時幫助你業務成長及提昇營運效率。我們的服務包括:軟件系統開發、Android iOS App 手機應用設計及開發、區塊鏈Blockchain技術應用、Cloud雲端服務、網頁設計、SEO、ERP及CRM系統、IoT物聯網、IT顧問、Kiosk、AR及VR技術應用。 歡迎聯絡我們,查詢更多專業意見。
Sc7iWFs1ko
September 20, 2019
4大重點!找到適合的寫APP公司Mobile App Development

4大重點!找到適合的寫APP公司

我們在「寫APP要注意的6大要素」中講解了寫APP價錢的資訊。計劃好整APP的預算後,下一步就要將預算投放在正確的地方:聘請合適的寫APP公司。以下是4項有關聘請寫APP公司的重點: 1. 全方位的整APP服務 能夠提供全方位支援的寫APP公司特別適合一些中小企,因為他們內部缺乏UI / UX設計師及開發人手,因此需要從策劃,設計,開發,營銷到維護都能全面涵蓋的寫APP公司。有些中小企為了節省成本,將策劃、UI / UX設計等不同項目分發給不同的Freelancer處理,成品當然令人大失所望。Freelancer之間缺乏協調性,在各不相謀的情況下難以做出好成果。一間提供全面端到端支援服務的寫APP公司絕對能讓您感到物超所值。 2. 需要界面設計和開發上的支援 對APP的所需規格和功能已有完整、清晰的構想,亦有能力進行營銷,唯獨欠缺整APP的人才,不妨聘用一間能夠兼顧UI / UX設計和軟件開發的寫APP公司。APP呈現出來的觀感取決於UI / UX設計,所以必須由專門的設計師操刀方能帶來最佳效果。有些寫APP公司的團隊包括UI / UX設計師,您可以向他們尋求一個更完善的APP開發方案。 3. 尋求UI / UX設計 有些企業的情況和上面恰恰相反,他們內部擁有整APP的人員,雖然能夠自行完成開發,唯需要另外聘用UI / UX設計師。這類企業尋求UI / UX設計師時可以查詢他們有沒有成功案例與您要開發的APP同類及相似,有助您找到更值得信任的人選。 4. 只需要開發人手 如果您從Wireframe,Mockup到Prototype都準備萬全,只欠軟件工程師將已有的設計整成APP,就要注意您對開發完成的迫切性。本地寫APP公司相對能較快幫您處理突發情況,海外的開發公司雖然比較便宜但未必能夠作出即時的溝通,如果您的時間十分緊逼,最好選擇本地的寫APP公司。 這篇文章能夠幫到您找到合心意的寫APP公司嗎?如有任何疑問歡迎聯絡我們,我們將會為您提供協助。 technine是您首選的IT服務供應商。我們引以為傲的團隊擁有豐富的專業知識、經驗和抱負,成為亞太區企業可靠的一站式資訊料技合作伙伴,作為「成長駭客 (Growth Hackers)」,我們透過創新科技的應用幫助企業節省成本、提升效率,並開拓具潛力的新市場。 technine提供一站式軟件及系統開發服務,同時幫助你業務成長及提昇營運效率。我們的服務包括:軟件系統開發、Android iOS App 手機應用設計及開發、區塊鏈Blockchain技術應用、Cloud雲端服務、網頁設計、SEO、ERP及CRM系統、IoT物聯網、IT顧問、Kiosk、AR及VR技術應用。 歡迎聯絡我們,查詢更多專業意見
Sc7iWFs1ko
September 14, 2019
Mobile App Development

寫APP要注意的6大要素

隨著移動設備與智能電話的普及,各種手機應用程式(APP)應運而生。很多企業順應趨勢紛紛為業務開發APP,而有些資訊是您整APP前需要留意的。希望您能花點時間閱讀這篇文章,找寫APP公司之前做好準備,開發的成功率更大。 1. 寫APP價錢 APP是智能手機和移動設備專用的程式,因此整APP需要專門的軟體開發工程師。如果公司內部沒有專屬的APP開發人員,您便需要找寫APP公司為您提供服務。 寫APP價錢通常以「人月」計,假設從APP的規劃到開發完成需要3名工程師、合共6個月的時間,總數即為18個「人月」。1個「人月」的價錢要視乎該寫APP公司的報價,通常可以是從數萬元至十多萬元不等。 2. 預算規模 現時智能手機主要分為iOS和Android兩大類。同時於兩個系統上架,還是先於其中一個系統上架,亦是開發前需要考慮的問題。就算功能相同,iOS app和Android app會被視為兩個不同的應用程式開發,因此開發的預算需要1.5倍至2倍。 3. APP上架 於應用程式商店上架前要知道,Google Play Store和APP Store都需要付費申請開發者帳號。因應不同類型的開發者帳號,發佈功能會有所不同,所以收費亦有差異。Apple APP Store的收費有分99美元和299美元,而Google Play Store則收費25美元。 4. APP的營運模式 APP的營運方法主要有三種: A. 將APP作為商品銷售 應用程式商店會從APP上架後所得收入中抽取佣金30%,而APP開發方將會獲得餘下(70%)的收益。 如果選擇將APP作為商品出售,APP的定價要合理,因應定價仔細考量要有多少下載量才能平衡開發與推廣APP所需的開支。 B. 免費下載並收取廣告 如果選擇提供免費的APP,就更加需要大量用戶下載,才能吸引廣告商在您的APP落廣告。 C. 客戶服務用途 如果您整APP是為了客戶服務用途,就要注意如何透過APP為客戶提供優質獨到的線上服務,一方面吸引客戶下載,另一方面輔助線上的業務。 5. APP維護 iOS和Android的系統會不時推出新版本,APP需要就系統更新作出調整,否則用戶會無法正常使用APP。而為APP進行維護亦需要寫APP公司的協助,預算要視乎APP的規模和複雜程度。 6. APP的推廣 開發完成的APP需要被人知道,才能被用戶下載和持續使用。APP Store有約120萬款應用程式,而Google Play Store則有約140萬款。要想辦法在當中突圍而出,需要一定的資金配合宣傳策略去為APP作營銷,就好像為企業的產品或服務作營銷一樣。 以上6點就是寫APP前先要了解的資訊,希解這篇文章能夠幫您釐清一些寫APP的疑惑。如果有任何疑問亦歡迎聯絡我們! technine是您首選的IT服務供應商。我們引以為傲的團隊擁有豐富的專業知識、經驗和抱負,成為亞太區企業可靠的一站式資訊料技合作伙伴,作為「成長駭客 (Growth Hackers)」,我們透過創新科技的應用幫助企業節省成本、提升效率,並開拓具潛力的新市場。 technine提供一站式軟件及系統開發服務,同時幫助你業務成長及提昇營運效率。我們的服務包括:軟件系統開發、Android iOS App 手機應用設計及開發、區塊鏈Blockchain技術應用、Cloud雲端服務、網頁設計、SEO、ERP及CRM系統、IoT物聯網、IT顧問、Kiosk、AR及VR技術應用。 歡迎聯絡我們,查詢更多專業意見
Sc7iWFs1ko
September 4, 2019
Web

What is a corporate website and How organizations loose there brand value through there corporate websites ?

“We have spent a million dollar in putting that website there” I have read & heard these “intelligent” arguments by some very senior executives of some very popular brands. I have a humble suggestion to them- DUDE WAKE UP ! If spending money can get you the results then all the so called brand guru’s will start selling candy floss. Before i start making a delicious breakfast for these “corporate saviors’ let me just answer some basic question. What’s a corporate web site? It’s the domain they use after every advertisement where you can learn more about a company, ya know it, anycompany.com Corporate are in love with there content writers and believe that they have hired a Shakespeare to write another masterpiece which will help them create a mark in history (at least content writers think so..). With there glib market speak, stock photos of smart looking dudes or minority women crowded around the computer raving about your product, the positive press release, the happy customer testimonials, the row of executive portraits, the donations your corporate made to disaster relief, the one-sided view never ends. And Yes the designers nevertheless think that the website is the last chance for them to buy a ticket to eternity. While some of your traffic may be going up on your website, it’s not indicative of how corporate websites are being used. Analytics don’t tell us why people go to your site, and it may not be for the reason you want them to. The corporate website is an unbelievable collection of hyperbole, artificial branding, and pro-corporate content. As a result, trusted decisions are being made on other locations on the internet. Why is your corporate website irrelevant? Marketing has shifted, it’s no longer on two domains Many web marketers are under the…
Sc7iWFs1ko
August 7, 2019
Web

UX Design for E-Commerce: Principles and Strategies

When a brand decides to establish an online presence, first and foremost it develops a website. An e-commerce website handles financial transactions made over the Internet. If you buy products or services online, you deal with e-commerce. Business strategists, marketers, and designers try to create a perfect place for their audience to shop. In the pursuit of an ideal solution, they tend to overdo it and fail to make online shopping enjoyable. Working on any e-commerce website, you should remember that people don’t ask for the impossible; people want their online shopping to be fast, easy, and safe. To make this happen, your home page should be engaging, your search should be precise, your visuals should be high-quality, your payment system should be reliable, and your UX design should be intuitive. Now, let’s look closer at each of these five elements that are must-haves for any e-commerce website. Home Page Owners of brick-and-mortar shops pay solid attention to the window dressing. They style their storefronts to attract people walking by and make them come in and take a look. A website’s home page should have the same effect. The home page is the start of a customer’s journey; that’s why it should be encouraging. Don’t expect your website visitors to know what your company does. So use the home page to tell people what kinds of products and services you deliver. Since a home page is often a customer’s starting point, make sure that your navigation is nice and clear. People should be able to reach all important sections of your website from the home page and search for items without sifting through categories. In the article Home Sweet Home. Strategies of Home Page Design we’ve listed all basic elements that should be placed on a home page; make sure…
Sc7iWFs1ko
August 7, 2019
Web

UX for Web: 5 Must-Have Elements for Any E-Commerce Website

When a brand decides to establish an online presence, first and foremost it develops a website. An e-commerce website handles financial transactions made over the Internet. If you buy products or services online, you deal with e-commerce. Business strategists, marketers, and designers try to create a perfect place for their audience to shop. In the pursuit of an ideal solution, they tend to overdo it and fail to make online shopping enjoyable. Working on any e-commerce website, you should remember that people don’t ask for the impossible; people want their online shopping to be fast, easy, and safe. To make this happen, your home page should be engaging, your search should be precise, your visuals should be high-quality, your payment system should be reliable, and your UX design should be intuitive. Now, let’s look closer at each of these five elements that are must-haves for any e-commerce website. Home Page Owners of brick-and-mortar shops pay solid attention to the window dressing. They style their storefronts to attract people walking by and make them come in and take a look. A website’s home page should have the same effect. The home page is the start of a customer’s journey; that’s why it should be encouraging. Don’t expect your website visitors to know what your company does. So use the home page to tell people what kinds of products and services you deliver. Since a home page is often a customer’s starting point, make sure that your navigation is nice and clear. People should be able to reach all important sections of your website from the home page and search for items without sifting through categories. In the article Home Sweet Home. Strategies of Home Page Design we’ve listed all basic elements that should be placed on a home page; make sure…
Sc7iWFs1ko
August 7, 2019

Looking for all-in-one IT solution?

Drop a note to us today!