透過釦子拉鍊看錶單處理方式
最近在設計長達50-100個欄位的長表單,在分步驟表單與長表單中倒騰來倒騰去。某一天看見自己連體衣的扣子,解釦子這麼麻煩為什麼要用釦子,要是改為拉鍊上洗手間該方便的多啊。 從而引發了拉鍊、釦子與長頁面、步驟頁的思考,所以想從釦子衣服這日常生活細節的角度去聊一聊什麼時候該用步驟頁,什麼時候該用長表單。

某品的連體衣
1、拉鍊:連續不斷的拉索,快,易滑動,會夾肉成用於皮衣、運動衣、包包。穿著時不用關注具體位置,易上下拉動。
2、釦子:間隔的別在衣服中,慢,不能滑動,慢條斯理。常用於西裝襯衫,可以選擇性的只扣某個位置。
3、嚮導步驟頁:分割的頁面,需分配注意力點按按鈕。
4、長頁面:連續不斷的頁面內容,快,易滑動,滑動時無需分配注意力,常見於網頁新聞。易沉浸。

試著從事物的基本特徵去分析
推薦使用分步驟頁的場景:
1、內容過多,限制性條件較多,適合分步校驗,逐步完成增加激勵。
2、考慮使用者使用電腦解析度,頁面高度過低,如一些高度768的粉筆哪裡便攜電腦,滾動條難以精確定位操作時建議分頁面。
3、新手使用者引導步驟,強制分割頁面,簡化單頁面工作量減少學習成本,常見於自助終端。
分佈設計要點:
1、全域性上一步下一步按鈕應儘量保持在同一位置如固定在介面底部,便於快速點按。
2、導航條業務允許情況下可來回點選。
3、每個步驟頁分別校驗逐步激勵表單填寫。
4、應注重資訊分類,避免同類關聯較緊密的資訊分散在不同的頁面中。導致頻繁切換頁面,資訊斷裂。同時命名也是個業務知識過硬的活。
5、因頁面分割,單頁面與分頁面對程式碼來說存數取數規則不同,特別長表單都有預設聯動取數規則,此時與需求開發協同考慮。
相應的頁面資訊量少,關聯緊密,校驗規則少、螢幕大則考慮長頁面填完即走的方式處理。另,長表單因使用鍵盤頻率高,應考慮表單快捷鍵填寫方式。
這兩個月專案特別緊張,123456的加班,能基於工作內容深夜寫個總結感覺也不錯。