Mae'n debyg eich bod wedi bod yno o'r blaen. Sut ydyn ni'n dewis rhwng dangos moddol i ddefnyddwyr, a phryd ydyn ni'n eu llywio i dudalen newydd ar wahân? Ac a oes ots o gwbl? Mewn gwirionedd, mae'n gwneud hynny. Mae'r penderfyniad yn dylanwadu ar lif defnyddwyr, eu cyd-destun, eu gallu i chwilio am fanylion, a chyda hynny amlder gwallau a chwblhau tasgau. Gall y ddau opsiwn fod yn aflonyddgar ac yn rhwystredig—ar yr amser anghywir, ac yn y lle anghywir. Felly byddai'n well i ni ei gael yn iawn. Wel, gadewch i ni weld sut i wneud yn union hynny. Modalau vs Deialogau vs Troshaenau vs Lightboxes Er ein bod yn aml yn siarad am un gydran UI moddol, rydym yn aml yn anwybyddu arlliwiau mân, cywrain rhwng yr holl wahanol fathau o foddau. Mewn gwirionedd, nid yw pob modd yr un peth. Modalau, deialogau, troshaenau, a blychau golau - i gyd yn swnio'n debyg, ond mewn gwirionedd maent yn dra gwahanol:
Deialog Term generig am “sgwrs” (system defnyddiwr ↔). OverlayMae panel cynnwys bach yn cael ei arddangos ar ben tudalen. Rhaid i ModalUser ryngweithio â throshaen + cefndir wedi'i analluogi. Rhaid i NonmodalUser ryngweithio â throshaen + cefndir wedi'i alluogi. LightboxDimmed cefndir i ganolbwyntio sylw ar y moddol.
Fel y mae Anna Kaley yn ei amlygu, mae'r rhan fwyaf o droshaenau yn ymddangos ar yr amser anghywir, yn torri ar draws defnyddwyr yn ystod tasgau hanfodol, yn defnyddio iaith wael, ac yn torri llif defnyddwyr. Maent yn amharol eu natur, ac yn nodweddiadol gyda lefel uchel o ddifrifoldeb heb fod angen mawr am hynny.
Yn sicr, rhaid arafu ac ymyrryd â defnyddwyr os yw canlyniadau eu gweithredoedd yn cael effaith fawr, ond ar gyfer y rhan fwyaf o senarios mae anfoddau yn llawer mwy cynnil ac yn opsiwn mwy cyfeillgar i ddod â rhywbeth i sylw'r defnyddiwr. Os rhywbeth, rwyf bob amser yn ei awgrymu fel rhagosodiad. Modalau → Ar gyfer Tasgau Sengl, Hunangynhwysol Fel dylunwyr, rydym yn aml yn diystyru moddau fel rhai amherthnasol ac annifyr - ac yn aml maen nhw! - ac eto mae ganddyn nhw eu gwerth hefyd. Gallant fod yn ddefnyddiol iawn i rybuddio defnyddwyr am gamgymeriadau posibl neu eu helpu i osgoi colli data. Gallant hefyd helpu i gyflawni gweithredoedd cysylltiedig neu ymchwilio i fanylion heb dorri ar draws cyflwr presennol y dudalen. Ond mantais fwyaf moddau yw eu bod yn helpu defnyddwyr i gadw cyd-destun y sgrin gyfredol. Nid yw'n golygu'r UI yn unig, ond hefyd mewnbwn wedi'i olygu, safle sgrolio, cyflwr acordions, dewis hidlwyr, didoli, ac ati.
Ar adegau, mae angen i ddefnyddwyr gadarnhau detholiad yn gyflym (e.e., hidlwyr fel y dangosir uchod) ac yna symud ymlaen ar unwaith oddi yno. Gall arbed yn awtomatig gyflawni'r un peth, wrth gwrs, ond nid oes ei angen na'i ddymunol bob amser. Ac yn aml nid yw blocio'r UI yn syniad da. Fodd bynnag, ni ddefnyddir moddau ar gyfer unrhyw dasgau. Yn nodweddiadol, rydyn ni'n eu defnyddio ar gyfer tasgau unigol, hunangynhwysol lle dylai defnyddwyr neidio i mewn, cwblhau tasg, ac yna dychwelyd i ble roedden nhw. Nid yw’n syndod eu bod yn gweithio’n dda ar gyfer rhyngweithio byr â blaenoriaeth uchel (e.e., rhybuddion, gweithredoedd dinistriol, cadarnhad cyflym). Pan fydd moddau yn helpu: 🚫 Mae moddau yn aml yn aflonyddgar, yn ymledol ac yn ddryslyd. 🚫 Maen nhw'n ei gwneud hi'n anodd cymharu a chopïo-gludo. ✅ Er hynny, mae moddau'n galluogi defnyddwyr i gynnal sawl cyd-destun. ✅ Defnyddiol i atal gwallau anwrthdroadwy a cholli data. ✅ Defnyddiol pe byddai anfon defnyddwyr i dudalen newydd yn aflonyddgar. ✅ Dangoswch foddol dim ond os bydd defnyddwyr yn gwerthfawrogi'r amhariad.✅ Yn ddiofyn, mae'n well ganddynt ddeialogau di-flocio (“nonmodals”). ✅ Caniatáu i ddefnyddwyr leihau, cuddio, neu adfer yr ymgom yn ddiweddarach.✅ Defnyddiwch fodd i arafu defnyddwyr, e.e., gwirio mewnbwn cymhleth.✅ Rhowch ffordd allan gyda “Close”, allwedd ESC, neu cliciwch y tu allan i'r blwch. Tudalennau → Ar gyfer Llifau Gwaith Cymhleth, Aml-Gam Nid yw dewiniaid neu lywio tabiau o fewn moddau yn gweithio'n rhy dda, hyd yn oed mewn cynhyrchion menter cymhleth - yno, mae paneli ochr neu ddroriau fel arfer yn gweithio'n well. Mae trafferthion yn dechrau pan fydd angen i ddefnyddwyr gymharu neu gyfeirio at bwyntiau data - ond eto mae moddau yn rhwystro'r ymddygiad hwn, felly maen nhw'n ailagor yr un dudalen mewn tabiau lluosog yn lle hynny.
Ar gyfer llifoedd mwy cymhleth a phrosesau aml-gam, tudalennau unigol sy'n gweithio orau. Mae tudalennau hefyd yn gweithio'n well pan fyddant yn mynnu sylw llawn y defnyddiwr, ac nid yw cyfeirio at y sgrin flaenorol yn ddefnyddiol iawn. Ac mae droriau'n gweithio ar gyfer is-dasgau sy'n rhy gymhleth ar gyfer modd syml, ond nid oes angen llywio tudalen lawn arnynt. Pryd i osgoi moddau: 🚫 Osgoi moddau ar gyfer negeseuon gwall.🚫 Osgoi moddau ar gyfer hysbysiadau nodwedd.🚫 Osgoi moddau ar gyfer profiad onboarding.🚫 Osgoi moddau ar gyfer tasgau aml-gam cymhleth, hirfaith.🚫 Osgowch fodiwlau nythu lluosog a defnyddiwch prev/nesaf yn lle hynny.🚫 Osgoi moddau osgoi os nad oes angen sbardun awtomatig. Osgoi'r ddauAr gyfer Tasgau Ailadrodd Mewn llawer o gynhyrchion cymhleth a thrwm, bydd defnyddwyr yn cael eu hunain yn perfformio'r un tasgau dro ar ôl tro, dro ar ôl tro. Yno, mae moddau a llywio tudalennau newydd yn ychwanegu ffrithiant oherwydd eu bod yn torri ar draws y llif neu'n gorfodi defnyddwyr i gasglu data coll rhwng yr holl dabiau neu olygfeydd gwahanol. Yn rhy aml, mae defnyddwyr yn cael profiad toredig yn y pen draw, yn llawn cadarnhad di-ddiwedd, rhybuddion gorliwiedig, cyfarwyddiadau llafar, neu ddim ond pwyntiau cyfeirio ar goll. Fel y soniodd Saulius Stebulis, yn y senarios hyn, mae adrannau y gellir eu hehangu neu olygu yn ei le yn aml yn gweithio'n well - maen nhw'n cadw'r dasg wedi'i hangori i'r sgrin gyfredol. Yn ymarferol, mewn llawer o senarios, nid yw defnyddwyr yn cwblhau eu tasgau ar eu pen eu hunain. Mae angen iddynt chwilio am ddata, copïo-gludo gwerthoedd, mireinio cofnodion mewn gwahanol leoedd, neu adolygu cofnodion tebyg wrth iddynt weithio trwy eu tasgau. Mae troshaenau a droriau yn fwy defnyddiol wrth gynnal mynediad at ddata cefndir yn ystod y dasg. O ganlyniad, mae'r cyd-destun bob amser yn aros yn ei le, ar gael i gyfeirio ato neu ar gyfer copi-gludo. Arbedwch fodiwlau a llywio tudalennau am eiliadau lle mae'r ymyrraeth yn wirioneddol ychwanegu gwerth - yn enwedig i atal camgymeriadau critigol. Modalau vs. Tudalennau: Coeden Benderfynu Ychydig yn ôl, lluniodd Ryan Neufeld ganllaw defnyddiol iawn i helpu dylunwyr i ddewis rhwng moddau a thudalennau. Mae'n dod gyda thaflen dwyllo PNG ddefnyddiol a thempled Google Doc gyda chwestiynau wedi'u rhannu ar draws 7 adran. Mae'n hir, yn hynod drylwyr, ond yn hawdd iawn i'w ddilyn:
Efallai y bydd yn edrych yn frawychus, ond mae'n broses 4 cam eithaf syml:
Cyd-destun y screen.First, rydym yn gwirio a oes angen i ddefnyddwyr gynnal cyd-destun y sgrin waelodol. Cymhlethdod a hyd y dasg.Gallai tasgau symlach, â ffocws, nad ydynt yn tynnu sylw, ddefnyddio llif moddol, ond hir, cymhleth, angen tudalen. Cyfeiriad at dudalen waelodol.Yna, rydym yn gwirio a oes angen i ddefnyddwyr gyfeirio at ddata yn y cefndir yn aml neu a yw'r dasg yn gadarnhad neu ddetholiad syml. Dewis y troshaen gywir. Yn olaf, os yw troshaen yn wir yn opsiwn da, mae'n ein harwain i ddewis rhwng moddol neu anfoddol (yn pwyso tuag at anfoddol).
Lapio Lle bynnag y bo modd, ceisiwch osgoi rhwystro'r rhyngwyneb defnyddiwr cyfan. Cael deialog yn arnofio, yn gorchuddio'r UI yn rhannol, ond yn caniatáu llywio, sgrolio, a phastio copi. Neu dangoswch gynnwys y moddol fel drôr ochr. Neu defnyddiwch acordion fertigol yn lle hynny. Neu dewch â defnyddwyr i dudalen ar wahân os oes angen ichi ddangos llawer o fanylion. Ond os ydych chi am roi hwb i effeithlonrwydd a chyflymder defnyddwyr, ceisiwch osgoi moddau ar bob cyfrif. Defnyddiwch nhw i arafu defnyddwyr, i fwndelu eu sylw, i atal camgymeriadau. Fel y nododd Therese Fessenden, nid oes unrhyw un yn hoffi cael eich torri ar draws, ond os oes rhaid, gwnewch yn siŵr ei fod yn werth y gost. Cyfarfod â “Patrymau Dylunio Rhyngwyneb Clyfar” Gallwch ddod o hyd i adran gyfan am foddau a dewisiadau amgen yn Patrymau Dylunio Rhyngwyneb Clyfar, ein cwrs fideo 15h gyda 100au o enghreifftiau ymarferol o brosiectau bywyd go iawn - gyda hyfforddiant UX byw yn ddiweddarach eleni. Popeth o ollyngiadau mawr i dablau menter cymhleth - gyda 5 segment newydd yn cael eu hychwanegu bob blwyddyn. Neidio i rhagolwg rhad ac am ddim. Defnyddiwch y cod BIRDIE i arbed 15% i ffwrdd. Dewch i gwrdd â Phatrymau Dylunio Rhyngwyneb Clyfar, ein cwrs fideo ar ddylunio rhyngwyneb ac UX.
Fideo + Hyfforddiant UXFideo yn unigFideo + Hyfforddiant UX$ 495.00 $ 699.00
Cael Fideo + UX Training25 o wersi fideo (15h) + Live UX Training.100 diwrnod arian yn ôl-warant.Fideo yn unig$ 300.00$ 395.00
Sicrhewch y cwrs fideo40 o wersi fideo (15h). Wedi'i ddiweddaru'n flynyddol. Hefyd ar gael fel Bwndel UX gyda 2 gwrs fideo.
Adnoddau Defnyddiol
Gwahanol Fathau o Popups, gan Anna Kaley Arferion Gorau ar gyfer Dylunio Modalau UI, gan Uxcel Rydyn ni'n Defnyddio Gormod o Fodalau Damn: Canllawiau UX, gan Adrian Egger Ymddiddanion Moddol ac Anfoddol, gan Therese Fessenden Dyluniad UI Menter Fodern: Deialogau Modal, gan James Jacobs Modalau mewn Systemau Dylunio
