DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> Php開發的人性化設計
Php開發的人性化設計
編輯:AJAX詳解     
古代相隔千裡的通信,快馬加鞭也要幾天時間,而現在僅僅是按幾個鍵,就這麼簡單。今天要說的是程序開發的人性化---[讓用戶的操作更加簡單]。

  Php,一種當今非常強大、非常著名、非常具有發展潛力的編程語言,其太大的魅力,吸引了很多技術人員和愛好者......(此處省略一萬字贊美語句)。PHP開發的目的就是讓一些事情變的簡單,把一些工作給機器來做。可是機器畢竟是機器,不能完全的替代我們,所以我們只能讓機器處理盡可能多的事情,讓我們要做的事情 ---- [更加簡單]。俗話說“台上一分鐘,台下十年功”,一款優秀的軟件絕不僅僅是大把大把的鈔票,榮譽的背後,是融合了多少程序員的激情、汗水。為了以後的偷懶,今天就辛苦一番。

  PHP-WEB用戶交互的過程,除了PHP主動獲取客戶端部分數據之外,最讓用戶麻煩的就是反饋表單。所以我們要從用戶反饋數據的操作步驟分析做出應對方案。常見操作步驟如下:

一.做什麼/為什麼
1.
用戶問題:我該做什麼?
設計目的:告訴用戶該做什麼?
解決方式:與用戶最快的信息傳遞是圖片和文字。
     所以{我們可以在頁面顯眼的地方(比如左上角)做文字提示。
     在用戶視線范圍內(不拉滾動條為准)用圖片做明顯的指示圖形。}
      ---:讓用戶一眼就看到,在不影響信息傳達的前提下可以適當美化使之更突出。
用戶反應:找到提示位置,理解當前要進行的操作。

2.
用戶問題:為什麼要這樣做?在哪裡?是不是很麻煩?
設計目的:說明當頁的主題,提示用戶做的好處(如:填寫表單注冊用戶可以得到夢想數據Vip會員)、保密原則、數據用途,說明步驟的簡單,突顯表單。
解決方式:提示文字或圖形的主題要說明。
     所以{提示用戶這一步該做什麼。
     提示如果做了會有什麼好處。
     提示要做多少事情。
     提示是不是很麻煩。}
     ---:並在實際過程中盡量減少麻煩與提供方便(如:注冊的時候只讓輸入簡單的幾項,等以後完善資料。或只要輸入重要信息)。
用戶反應:理解提示意思,決定是否值得動手(如果讓用戶填寫100個輸入框,只給用戶開個ID,恐怕沒人會做)。

二.怎麼做
1.
用戶問題:具體要做什麼、提供什麼數據?
設計目的:告訴用戶該提供什麼信息。
解決方式:{把表單的每項功能文字寫顯眼通俗點(如:用戶名/後注釋字符只是中文英文混合等)。
     讓用戶通過輸入、選擇、取消等方式,提供相應的數據。}
      ---:盡量多的提示。
用戶反應:按規則數據。

2.
用戶問題:有不會做的或不理解的什麼辦?
設計目的:更明確簡便提示。
解決方式:{使用title方式出現填寫提示。
     一些常見值設置默認值。
     一些用戶已經填寫過的數據使用記憶方式自動填寫或忽略(可用PHP一加載的時候輸出到頁面以input/hidden/value 方式保存或JS的cookIE保存)。
     某些項目告訴用戶是可以選擇性填寫。}
用戶反應:理解提示後輸入數據。


三.結果如何
1.
用戶問題:我填寫完了,符合要求嗎?結果如何?
設計目的:檢查數據,返回數據檢查結果。
解決方式:把提交按鈕做大些並在旁邊注明作用(當用戶點擊後會怎麼樣),返回數據檢查結果。報錯重填或成功提交。
     (很多論壇的注冊是--檢查用戶名被注冊或數據不合格後用戶返回,剛才填寫的數據沒有了還要重寫)
     為了不讓用戶重寫數據如此麻煩我們可以采取數據當頁檢查。
     情況A/{方式1:JS檢查輸入結果當頁提示錯誤項目,並把指針移動到第一個錯誤處。(如:在submit上設置onclick="form_check()")
     方式2:Iframe方式,數據提交後當頁在iframe處理而不跳轉,提示錯誤項目,並將指針移動到第一個錯誤處。
     (如:設置<base="run">然後做一個iframe設置name為run,當提交時結果在本頁顯示,如果表單太大沒有空間放iframe就設置iframe的高寬為0,在輸出結果的時候用parent調用主頁面的error()顯示圖層方式錯誤提示)}
     情況B/{數據符合要求,處理成功,返回成功提示,關閉窗口或返回其他頁面。}
用戶反應:錯誤--重寫或放棄,正確--得到提示完成。

注:以上所提到的Iframe處理方式等將會在夢想數據網站傳演示便於直觀理解。本文原創/轉載隨意/不追究版權/但請保留作者。
  以上僅僅是表單反饋方面的處理方法,具體的要根據實際情況設定。一樣的道理在表單元素布局、配色、版式等任何與用戶有關的傳播方式都應該為用戶考慮。為用戶考慮多一點---[讓用戶的操作更加簡單]。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved