אַזוי וואָס איז די חילוק צווישן קאָמבאָבאָקס, מולטיסעלעקט, ליסטבאָקס און דראָפּדאָוון? כאָטש אַלע די וי קאַמפּאָונאַנץ קען זיין ענלעך, זיי דינען פאַרשידענע צוועקן. די ברירה אָפט דעפּענדס אויף די נומער פון בנימצא אָפּציעס און זייער וויזאַביליטי. זאל ס זען ווי זיי אַנדערש, וואָס ציל זיי דינען, און ווי צו קלייַבן די רעכט איינער - אַוווידינג מיסאַנדערסטאַנדינגז און פאַלש עקספּעקטיישאַנז צוזאמען דעם וועג.
ניט אַלע רשימה פּאַטערנז זענען די זעלבע אַלע די UI קאַמפּאָונאַנץ כיילייטיד אויבן האָבן פּונקט איין זאַך אין פּראָסט: זיי שטיצן יוזערז 'ינטעראַקשאַנז מיט רשימות. אָבער, זיי טאָן דאָס אַ ביסל אַנדערש. לאָמיר נעמען אַ קוק אויף יעדער איינער דורך איינער:
דראָפּדאָוון → רשימה איז פאַרבאָרגן ביז עס איז טריגערד. קאָמבאָבאָקס → טיפּ צו פילטער + סעלעקטירן 1 אָפּציע. מולטיסעלעקט → טיפּ צו פילטער + סעלעקטירן פילע אָפּציעס. ליסטבאָקס → אַלע רשימה אָפּציעס קענטיק דורך פעליקייַט (+ מעגילע). צווייענדיק ליסטבאָקס → מאַך זאכן צווישן 2 ליסטבאָקסעס.
אין אנדערע ווערטער, קאָמבאָבאָקס קאַמביינז אַ טעקסט אַרייַנשרייַב פעלד מיט אַ דראָפּדאָוון רשימה, אַזוי יוזערז קענען דרוקן צו פילטער און אויסקלייַבן אַ איין אָפּציע. מיט Multiselect, ניצערס קענען אויסקלייַבן פילע אָפּציעס (אָפט געוויזן ווי פּילז אָדער טשיפּס). ליסטבאָקסעס ווייַזן אַלע רשימה אָפּציעס קענטיק דורך פעליקייַט, אָפט מיט סקראָללינג. עס איז נוציק ווען יוזערז דאַרפֿן צו זען אַלע בנימצא ברירות גלייך. צווייענדיק ליסטבאָקס (אויך גערופן אַריבערפירן רשימה) איז אַ ווערייישאַן פון אַ ליסטבאָקס וואָס אַלאַוז ניצערס צו אַריבערפירן זאכן צווישן צוויי ליסטבאָקסעס (לינקס ↔ רעכט), טיפּיקלי פֿאַר פאַרנעם סעלעקציע. קיינמאָל באַהאַלטן אָפט געוויינט אָפּציעס ווי דערמאנט אויבן, די ברירה פון די רעכט וי קאָמפּאָנענט דעפּענדס אויף 2 סיבות: ווי פילע רשימה אָפּציעס זענען בנימצא, און אויב אַלע די אָפּציעס דאַרפֿן צו זיין קענטיק דורך פעליקייַט. אַלע רשימות קען אויך האָבן בוים סטראַקטשערז, נעסטינג און גרופּע סעלעקציע.
עס איז איין פּרינציפּ וואָס איך נאָכפאָלגן פֿאַר יאָרן פֿאַר קיין וי קאָמפּאָנענט: קיינמאָל באַהאַלטן אָפט געוויינט אָפּציעס. אויב יוזערז פאַרלאָזנ זיך אַ באַזונדער סעלעקציע אָפט, עס איז זייער קליין ווערט אין כיידינג עס פון זיי. מיר קענען אָדער מאַכן עס פאַר-סעלעקטעד, אָדער (אויב עס זענען בלויז 2-3 אָפט געוויינט אָפּציעס) ווייַזן זיי ווי טשיפּס אָדער קנעפּלעך, און דערנאָך ווייַזן די רעשט פון דער רשימה אויף ינטעראַקשאַן. אין אַלגעמיין, עס איז אַ גוטע געדאַנק צו שטענדיק ווייַזן פאָלקס אָפּציעס - אפילו אויב עס קען פאַרשאַפן די וי. ווי צו קלייַבן וואָס? ניט יעדער רשימה דאַרף אַ קאָמפּלעקס סעלעקציע אופֿן. פֿאַר רשימות מיט ווייניקערע ווי 5 זאכן, פּשוט ראַדיאָ קנעפּלעך אָדער טשעקקבאָקסעס יוזשאַוואַלי אַרבעט בעסטער. אָבער אויב יוזערז דאַרפֿן צו אויסקלייַבן פון אַ גרויס רשימה פון אָפּציעס (למשל, 200+ זאכן), קאָמבאָבאָקס + מולטיסעלעקט זענען נוציק ווייַל פון די פאַסטער פֿילטרירונג (למשל, לאַנד סעלעקציע).
ליסטבאָקסעס זענען נוציק ווען מענטשן דאַרפֿן צו אַקסעס פילע אָפּציעס אין אַמאָל, ספּעציעל אויב זיי דאַרפֿן צו קלייַבן פילע אָפּציעס פון דער רשימה. זיי קען זיין נוציק פֿאַר אָפט געוויינט פילטערס.
צווייענדיק ליסטבאָקס איז אָפט אָוווערלוקט און איגנאָרירט. אָבער, עס קען זיין זייער נוציק פֿאַר קאָמפּלעקס טאַסקס, למשל פאַרנעם סעלעקציע, אָדער אַסיינינג ראָלעס, טאַסקס, ריספּאַנסאַבילאַטיז. דאָס איז דער בלויז וי קאָמפּאָנענט וואָס אַלאַוז ניצערס צו אָפּשאַצן זייער פול סעלעקציע רשימה זייַט-ביי-זייַט מיט די מקור רשימה איידער קאַמיטינג (אויך גערופן "טראַנספער רשימה"). אין פאַקט, צווייענדיק ליסטבאָקס איז אָפט פאַסטער, מער פּינטלעך און מער צוטריטלעך ווי שלעפּן-און-קאַפּ. וסאַביליטי קאָנסידעראַטיאָנס איין וויכטיק טאָן צו האַלטן אין זינען איז אַז אַלע רשימה טייפּס דאַרפֿן צו שטיצן קלאַוויאַטור נאַוויגאַציע (למשל, ↑/↓ פייַל קיז) פֿאַר אַקסעסאַביליטי. עטלעכע מענטשן וועלן כּמעט שטענדיק פאַרלאָזנ אויף די קלאַוויאַטור צו סעלעקטירן אָפּציעס אַמאָל זיי אָנהייבן טייפּינג.
איבער דעם:
פֿאַר רשימות מיט 7+ אָפּציעס, באַטראַכטן אַדינג פאַנגקשאַנאַליטי "סעלעקטירן אַלע" און "קלאָר אַלע" צו סטרימליין באַניצער ינטעראַקשאַן. פֿאַר לאַנג רשימות מיט אַ קאָמבאָבאָקס, ויסשטעלן אַלע אָפּציעס צו וסערס אויף גיט / צאַפּן, אַנדערש זיי קען קיינמאָל זיין געזען, רובֿ וויכטיק, טאָן ניט אַרויסווייַזן ניט-ינטעראַקטיוו עלעמענטן ווי קנעפּלעך צו ויסמיידן צעמישונג - און טאָן ניט ווייַזן ינטעראַקטיוו עלעמענטן ווי סטאַטיק לאַבעלס.
ראַפּינג אַרויף: ניט אַלץ איז אַ דראָפּדאָוון נעמען ענין. א ווערטיקאַל רשימה פון אָפּציעס איז טיפּיקלי דיסקרייבד ווי אַ "דראָפּדאָוון" - אָבער אָפט עס איז אַ ביסל צו דזשאַנעריק צו זיין מינינגפאַל. "דראָפּדאָוון" הינץ אַז די רשימה איז פאַרבאָרגן דורך פעליקייַט. "מולטיסעלעקט" ימפּלייז מאַלטי-סעלעקציע (טשעקבאָקס) אין אַ רשימה. "קאָמבאָבאָקס" ימפּלייז טעקסט אַרייַנשרייַב. און "ליסטבאָקס" איז פשוט אַ רשימה פון סעלעקטאַבלע זאכן, קענטיק אין אַלע צייט. דער ציל איז נישט צו זיין קאָנסיסטענט מיט די דעפֿיניציע אויבן פֿאַר די צוליב פון עס. אָבער גאַנץ צו ייַנרייען ינטענטשאַנז - רעדן די זעלבע שפּראַך ווען איר באַשליסן אויף, דיזיינינג, בויען און דערנאָך ניצן די וי קאַמפּאָונאַנץ. עס זאָל אַרבעטן פֿאַראַלעמען - דיזיינערז, ענדזשאַנירז און סוף ניצערס - ווי לאַנג ווי סטאַטיק לאַבעלס טאָן ניט קוקן ווי ינטעראַקטיוו קנעפּלעך, און ראַדיאָ קנעפּלעך טאָן ניט ווי טשעקקבאָקסעס. טרעפן "דיזיין פּאַטערנז פֿאַר אַי ינטערפייסיז" טרעפן דיזיין פּאַטערנז פֿאַר אַי ינטערפייסיז, די נייַע ווידעא קורס פון Vitaly מיט פּראַקטיש ביישפילן פון פאַקטיש-לעבן פּראָדוקטן - מיט אַ לעבן UX טריינינג באַלד. שפרינג צו אַ פריי פאָרויסיקע ווייַזונג. טרעפן דיזיין פּאַטערנז פֿאַר אַי ינטערפייסיז, וויטאַלי ס ווידעא קורס אויף צובינד פּלאַן און UX.
ווידעא + UX טראַינינג בלויז ווידעא + UX טראַינינג $ 450.00 $ 799.00
באַקומען ווידעא + UX טראַינינג30 ווידעא לעקציעס (10 שעה) + לייוו UX טראַינינג.100 טעג געלט-צוריק גאַראַנטירן. ווידעא בלויז $ 275.00$ 395.00
באַקומען די ווידעא קורס 30 ווידעא לעקציעס (10 שעה). דערהייַנטיקט יערלעך. אויך בנימצא ווי אַ UX בונדלע מיט 3 ווידעא קאָרסאַז.
נוציק רעסורסן
אַוטאָקאָמפּלעטע: UX גיידליינז, דורך Vitaly Friedman קאָמבאָבאָקס, דורך עבייַ 👍 קאָמבאָבאָקס, דורך Elastic קאָמבאָבאָקס, דורך עליסאַ קאָמבאָבאָקס, דורך MongoDB 👍 קאָמבאָבאָקס, דורך וויזאַ 👍 קאָמבאָבאָקס, דורך וואַצאָן (דאָקפּלאַננער) קאָמבאָבאָקס, דורך וויקימעדיע קאָמבאָבאָקס, דורך זענדעסק מולטיסעלעקט (MongoDB Combobox Design Docs), דורך MongoDB 👍 מולטיסעלעקט לוקאַפּ, דורך וויקימעדיע מולטי-סעלעקטירן קאָמבאָ באָקס, דורך Vaadin מולטיסעלעקט, דורך וויזאַ אַריבערפירן (ליסטבאָקס ביישפּיל), דורך אַנט פּלאַן ליסטבאָקס, דורך כאַפּער רשימה באָקס, דורך וואַאַדין ליסטבאָקס, דורך וויזאַ צווייענדיק רשימה סעלעקטאָר, דורך Red Hat (PatternFly) צווייענדיק ליסטבאָקס, דורך סאַלעספאָרסע (בליץ פּלאַן סיסטעם) אַריבערפירן רשימה, דורך Mantine צווייענדיק ליסטבאָקס, דורך דאַשליטע באַדגעס קעגן פּילז ווס טשיפּס ווס טאַגס, דורך וויטאַלי פרידמאַן ליסטבאָקסעס קעגן דראָפּדאָוון רשימות, דורך Anna Kaley (NN / g)
