我嘗試問過ChatGPT
Q: 最適合手機購物時,調整數量的元件
A:最適合手機購物時,調整數量的元件可以是下拉式選單或加減按鈕。下拉式選單可以讓使用者選擇想購買的數量,通常會設定一些常見的數量選項,例如1、2、3、4等等,使用者可以透過點擊下拉式選單選擇想購買的數量,這樣可以讓使用者快速且方便地選擇數量。
加減按鈕則是可以讓使用者透過按加或減的按鈕,調整要購買的數量,通常會設定一個預設的數量,使用者可以透過按加或減按鈕增加或減少購買數量,這樣可以讓使用者更靈活地調整數量,但也需要注意控制按鈕的大小和間距,以免使用者誤觸或點擊不便。
總之,無論使用哪種方式,調整數量的元件都應該易於使用,且易於理解,以提供良好的購物體驗。
Q: 那我該如何選擇
A: 在選擇調整數量的元件時,需要考慮以下幾點:使用情境:下拉式選單和加減按鈕各有適用的場景,例如下拉式選單適合有限的選項且不需要頻繁更改數量的情境,而加減按鈕適合需要頻繁更改數量的情境。
使用者習慣:有些使用者可能更習慣使用下拉式選單,有些使用者則更喜歡使用加減按鈕,需要根據使用者習慣來選擇最合適的元件。
畫面空間:手機螢幕空間有限,需要考慮畫面空間,下拉式選單在展開時需要較多的空間,加減按鈕在數量增加時也需要考慮避免佔用過多的空間。綜合以上幾點,你可以考慮以下方式進行選擇:
觀察目標使用者:觀察你的目標使用者是喜歡使用哪種元件來調整數量,也可以透過使用者反饋來了解使用者對元件的偏好。
測試不同的元件:在實際使用中,可以測試不同的元件來評估其易用性和使用效果,並選擇最適合的元件。
考慮畫面設計:在設計畫面時,可以考慮元件的大小和位置,以便使用者能夠輕鬆找到和使用這些元件,同時需要注意保持整體畫面的平衡和美觀。Q: 那種比較適合老人使用
A: 對於老年人來說,使用手機購物的過程可能會比較困難,因此在設計調整數量的元件時需要特別注意易用性。以下是幾點建議:簡潔明瞭:在設計元件時,需要讓老年人可以一眼看出這是用來調整數量的元件,避免太過複雜或是分散注意力的設計。
大按鈕設計:老年人的手指可能不夠靈活,需要將按鈕做大,讓他們可以輕鬆點擊,同時也可以避免誤觸。
明確標示:在下拉式選單中,需要清楚標示每個選項所代表的數量,讓老年人可以容易理解和選擇。
適度動畫:在加減按鈕中,可以添加適度的動畫效果,例如按下按鈕時,讓按鈕有點擊的反饋,這樣可以提高互動體驗。綜合以上幾點,我會建議使用加減按鈕作為老年人使用手機購物時調整數量的元件。因為加減按鈕相對於下拉式選單,更加直觀易用,並且也比較容易掌握。另外,可以設計大按鈕和適度的動畫效果,以提高易用性和互動體驗。
不知道各位大大有什麼其他的推薦?
以下將您文章中的兩種數量選擇元件,分別列出有那些知名的網頁使用:
可以發現大部分的網頁使用的是加減按鈕,加減按鈕同時適合桌機與行動裝置,既方便點擊亦可進行輸入。而下拉式選單如您文章中提到的,適合有限數量的選擇,同時若購買的數量需為數個一組,亦可使用下拉選單來設計,但下拉式選單對於適合大量購買的商品較不適合,需要較長的選單,不適合尋找指定數量。
由於您的問題主旨針對行動裝置,建議可以使用加減的輸入元件。此外,行動裝置以觸控體驗為主,因此也推薦可以用滑桿的形式,也就是通過一個橫條滑桿讓使用者通過滑桿輸入數量,並且同時支援用鍵盤輸入,給予使用者更好的體驗。