CTK pro

關於 CTK PRO:於2011年夏天展開了偉大的航程,初期以開發手機APP為主,2013年開始跨入Web開發,2015年開始用UCD(User-Centered Design)方法協助客戶釐清需求, 2016年大量採用AWS架構, 並導入策略UX產品為客戶在軟體開發各環節破關!

back to top

給客戶看的網站設計(四)5 個網頁設計不可容許的錯誤

[vc_row use_row_as_full_screen_section="no" center_bck_image="no"][vc_column][vc_single_image image="20480" img_size="large" alignment="center"][vc_empty_space][/vc_column][/vc_row][vc_row use_row_as_full_screen_section="no" center_bck_image="no"][vc_column css=".vc_custom_1533708507132{padding-right: 10% !important;}"][vc_column_text css=".vc_custom_1570006215184{padding-right: 10% !important;}"]一般來說剛設計好的網站上,不太會出現錯誤(因為網頁設計公司一定會提供測試機讓你檢視,自行上稿的內容錯誤除外)。但以下這些網頁設計錯誤,讓使用者看到了,可能非常惱火,嚴重者會降低網站的信任感、專業度,或者覺得網站許久沒有更新、維護,進而對公司抱持保留的態度。 ☛ 看看投資人怎麼看待企業官網[/vc_column_text][vc_empty_space height="26px"][eltd_section_title display_separator="yes" display_dot="no" type_out="no" alignment="left" title="失效或者錯誤的連結!" title_font_size="26"][vc_column_text css=".vc_custom_1570066036052{padding-right: 10% !important;}"]尤記得前一陣子韓國瑜 Line 官方帳號,發佈雨量報導的連結時,意外導向激情內容,頓時間鬧的沸沸揚揚。錯誤的連結容易造成使用者「認知失調」(cognitive dissonance),閱讀內容時容易心生反感,嚴重者影響到連結、網站的聲譽與信任度,在設定超連結或網站導覽按鈕等連結時,務必小心檢查。 失效的連結則容易讓人感受到網站建置不完全,或是設計上有缺漏。俗稱 404 頁面代表伺服器無法提供訊息或伺服器無法回應等問題,一般可能是網站讀取失效、URL 設置錯誤等問題產生。常常也因為頁面 URL 更改、移動後,使用者透過就的連結進入頁面而看到。 維護使用者感受的作法有很多,除了客製化 404 頁面外(上圖即為例子,還有引導回首頁的按鈕),彈出通知視窗、採用 301 永久轉址,導向首頁或相關頁面,都是合宜的作法。 進一步更要偵測誰透過哪個 URL 進入官網的 404 頁面,藉以追蹤可能的使用者情境,或設定相關轉址讓網頁瀏覽更有連貫性。 ☛ 維基百科中有關 HTTP 404 的描述[/vc_column_text][vc_empty_space height="26px"][eltd_section_title display_separator="yes" display_dot="no" type_out="no" alignment="left" title="錯字!" title_font_size="26"][vc_column_text css=".vc_custom_1570065463681{padding-right: 10% !important;}"]你說錯字?!沒錯,就是錯字! 上搞的肉容,和綱站美感決對是大有關系(上面這段文字,是不是怎麼看都不舒服呢?)。 不管是客戶自行上稿,還是由網頁設計公司代為上稿,一旦重要的頁面(尤其像首頁、關於我們、企業理念等處,更不能有錯字出現)出現錯字,網頁設計的再好看,整體素質還是會被大打折扣。[/vc_column_text][vc_empty_space height="26px"][eltd_section_title display_separator="yes" display_dot="no"...

行動優先網頁設計與響應式網頁設計?你選哪一個?

BLOG日誌內其實已經介紹過許多 RWD 網站設計的訣竅,像是表格與 RWD 的愛恨情仇,Youtube 嵌入影片 ifram 的 RWD 調整方式,都是現代網站必須的。不過!就是這個 but ,到底我們是從原始人的觀點(網路世界五到十年應該算是夠原始了吧?),真的所有的 Responsive Web Design 都符合行動優先(Mobile First)的思維嗎?...

Blogger, Pixnet, Wix or WordPress,我只想架屬於我的網站

好多都是架設網站的平台砸了許多廣告費來投放,甚至花錢請了許多名人代言、贊助Youtuber影片產出,像是Wix,Weebly等,影片直接Show出他們怎麼透過拖拉的方式就可以建構出「直覺」、「好操作」的個人網頁,好幾次我真的都差點就跑去試試看了(的確我也註冊了,並且依照他新手教學指示操作了好幾個步驟)。 然而考量到台灣Blog體系,最大的還是以Pixnet痞客邦以及次之Google的Blogger為大宗,尤其痞客邦導流的效應驚人,只要你的文章有放到對的分類,在社群曝光達到一定的量之後,大者恆大的效應恐怖到,某些分類的前幾名總是那些明顯是由「廠商操作」的文章,就其流向下去計算,背後的經濟效應也不容小覷。在Google引擎搜尋認定上,Blog類型文章,在像「餐廳推薦」、「組裝心得」等使用者產出內容上,也大有幫助,當使用者進入了痞客邦或相關的Blog也常常依照站內推薦,流向各個相關部落格。...

Table裡的內容要如何在RWD網頁設計內漂亮呈現?

說到Table和Responsive Wed Design(RWD,響應式網頁設計),這兩位的恩怨糾葛,孰優孰劣也無法一時判斷出來的啊。但不可否認的,隨著行動裝置越來越普及的現在,如何在小螢幕像手機、平板上,也可以顯示資訊量龐大的表格,就是一門網頁設計的學問。(相信很多較早的網站,在遇到龐大資訊時,還是傾向以「表格」呈現,但許多table在手機上看起來就是有很高的閱讀門檻!) 有些網頁資訊還是不得不以表格的形式存在,像是時刻表相關的表格,如醫院門診、火車時刻表等等;大量產品、人員資訊,像是詳細產品規格、球員個人資料;其他細節資訊,像各產品價位,產品比較表、考試資訊含報名日期、科目、應考時間等等族繁不及備載。要解決table在響應式網頁中顯示,大略有下面三項解法:1.破壞原本表格排版、2.安裝外掛、3.不使用table語法來製作表格。...