Referenciaoldal UX: projektkártyák, szűrők és részletoldali navigáció

Referenciaindex valós választási feladathoz

A lista kezdő állapota mutassa meg az állomány jellegét. A látogató általában hasonló feladatot vagy ágazatot keres, nem a belső projektazonosítók sorrendjére kíváncsi. A válogatott és teljes állomány külön szerepet kaphat, de az átmenet legyen érthető. A kiemelt munka ne fedje el, hogy más projekt is elérhető. Rövid magyarázat jelezheti a válogatás szempontját, például feladattípus vagy aktuális bemutató alapján kialakított összeállítást.

A kategóriák előtt mérd fel, mennyi anyag tartozik ténylegesen az egyes csoportokhoz. Kevés projektnél egy egyszerű, rendezett index használhatóbb lehet több üres szűrőnél. A feladattípus és iparág külön rendezési tengely, ezért eltérő címke kell hozzájuk. A sorrend is szerkesztési döntés: friss, releváns vagy kiemelt munka kerülhet előre. Az új projekt hozzáadásakor a besorolást és sorrendet ugyanazok a szabályok határozzák meg.

Projektkártya mint önálló komponens

A kártya alapadata lehet a projektnév, feladattípus, rövid kivonat, kép és részletoldali cél. Az időszak és saját szerep akkor jelenjen meg, ha a választást segíti. A nevet egyetlen hiteles mezőből használd a listában és részletoldalon. A kivonat mondjon konkrétumot a munka tárgyáról, ne ismételje minden projektnél ugyanazt az általános minősítést. A tárolt adat és megjelenési keret különválasztása következetesebb portfóliót ad.

A komponens-munkalap rögzítse a kötelező mezőt, hiányállapotot és hivatkozási célt. Kép nélkül kialakított tipográfiai borító működhet, ha tudatos része az arculatnak. A külső élő oldal és saját részletes bemutató két külön cél: a linkfelirat különböztesse meg őket. Az egész kártyára kiterjesztett kattintás mellett ne jöjjön létre egymásba ágyazott interaktív elem. A fókuszsorrendben a látogató könnyen felismerje, melyik projektet és milyen nézetben nyitja meg.

Szűrők, találatszám és üres állapot

A szűrő valós, következetesen kezelt kategóriára épüljön. A webshop és arculat feladattípus, az egészségügy és vendéglátás ágazat. Ezek kombinálása csak megfelelő állományméretnél indokolt. A választott feltételek maradjanak láthatók, és egyenként is lehessen törölni őket. A rendezés külön művelet, mert sorrendet változtat, nem találati halmazt. A kezelőfelület elnevezése ezt a különbséget is mutassa, hogy a látogató meg tudja jósolni a művelet eredményét.

A nulla találat saját felületi állapot. Mondd el, hogy nincs ilyen kombináció, és kínálj értelmes feltételtörlést vagy visszatérést. Véletlen munkát ne jeleníts meg megfelelő találat látszatával. A részletoldalról visszatérve lehetőleg maradjon meg a korábbi szűrés és listapozíció. URL-ben tárolt állapotnál a közvetlen megnyitást is próbáld ki. Billentyűzetes aktiváláskor és segítő technológiával is érzékelhető legyen a választás és találati változás, ne kizárólag szín jelezze az eredményt.

Képarány és reszponzív borítórendszer

A listanézeti kép felismerést és vizuális támpontot ad. Egy teljes hosszú weboldal apró képernyőmentése gyakran nem olvasható, ezért célzott kivágás vagy külön készített borító indokoltabb. Az egységes arány rendezett rácsot ad, de a fókuszpont projektenként eltérhet. A név, termék vagy lényeges részlet mobilon se vágódjon le. Fontos adat ne csak képre írva létezzen, mert a kártya értelmezhetősége akkor függne a képmérettől.

A részletoldal nagyobb nézetet és több képet mutathat, képaláírással és célzott nagyítással. A listához a megjelenési méretnek megfelelő fájlt szolgálj ki, ne a teljes eredetit. A kép helyének előzetes méretezése stabilabb rácsot ad. A galéria nyitása, léptetése és bezárása működjön érintéssel és billentyűzettel is. A nagyításból visszatérve maradjon érthető a kiinduló projekt és kép. A látványos átmenet ne szakítsa meg az alapvető tájékozódást.

Részletoldali adat és szabad tartalom

A részletoldal kerete külön mezőben kezelheti a projekt nevét, kategóriáját, időszakát, saját szerepet és kapcsolódó szolgáltatást. A hosszabb szakmai bemutató ezek alatt rugalmas blokkokban jelenhet meg. Így a fontos tényadat hasonló helyen található, miközben az eltérő munkák eltérő szerkezetet is kaphatnak. A hiányzó eredményszámhoz ne tartozzon kötelező üres statisztikadoboz, a külső webcím elmaradása pedig ne törje össze az információs panelt.

A megoldási képsor, videó és további hivatkozás opcionális komponens lehet. A szerkesztő lássa a megengedett tartalmat és formátumot. A már mezőben tárolt nevet vagy dátumot ne kelljen kézzel több helyre másolni. A sablon próbájához rövid és hosszú bemutatót, eltérő képszámot és külső oldal nélkül közzétehető munkát válassz. A modell minőségét ezek a reális eltérések mutatják meg, nem csupán egy ideális bemutatóprojekt kitöltése.

Portfólió-navigáció és listakontextus

A részletoldalról legyen felismerhető visszaút az indexhez. A böngésző visszalépését ne írd felül indokolatlan saját logikával. A következő és előző projekt neve előre megmutatja a célt. A kapcsolódó ajánló tényleges hasonlóságra épüljön, ne csak feltöltési szomszédságra. Azonos feladattípus vagy kapcsolódó megoldás releváns folytatást adhat. A látogatónak nem kell újrakezdenie a keresést minden részletoldal megtekintése után, ha a portfólió megőrzi a választási kontextust.

A kapcsolódó szolgáltatásra vezető út a munka tárgyát kövesse. Az ajánlatkérés átveheti a megtekintett projekt nevét, de az adat legyen módosítható. Külső honlap nyitásakor egyértelmű céljelzés szükséges, mert ott más rendszerben folytatódik a használat. A navigációs próba az indextől a projekten és szolgáltatáson át a megkeresésig tartson. A teljes út mutatja meg, összeillenek-e a komponensek, és a referencia valóban segíti-e a megfelelő következő lépés megtalálását.

Feltöltési minták és minőségellenőrzés

Szemléltető próbához használj hosszú nevű projektet, kép nélküli bemutatót, több kategóriába sorolt munkát és kizárólag szöveggel ismertethető referenciát. Ezek a tartalommodell tesztesetei, nem kitalált ügyféleredmények. A végleges állományba csak jóváhagyott adat és felhasználható kép kerüljön. A feltöltés után a kártyát és részletoldalt együtt vizsgáld, mert egy mező hibája több nézetet is érinthet. Nézd meg mobilon és nagyított szöveggel is.

A szerkesztői ellenőrzés sorrendje lehet adat, célhivatkozás, képvágás, kategória és részletoldali kapcsolat. A megszűnt külső cím vagy átalakult projekt később is módosítást igényelhet, ezért a portfólió gondozott tartalomállomány. A publikálási jogot és tényállítást az esettanulmány szerkesztési folyamata ellenőrzi, a felületi QA pedig ezek következetes megjelenését. A két feladat együtt ad hiteles és könnyen használható referenciaoldalt, anélkül hogy az index és narratíva ugyanazt a szerepet ismételné.

Gyakori kérdések