Hej vänner
Här på Yclas försöker vi alltid ge våra användare den bästa möjliga upplevelsen. Några månader sedan jobbade vi med adminpanelen och insåg att vi kunde förbättra den rejält. Under den här tiden omorganiserade vi vår adminpanel och byggde den igen från grunden.
Panelens historia
Programvaran Open Classifieds lanserades redan 2009 och den tidigare adminpanelen hade fungerat bra sedan dess. Sedan dess har över 400 000 personer använt Yclas-mjukvaran liksom adminpanelen. Men medan vi förbättrade mjukvaran förblev adminpanelen mer eller mindre densamma. Vi kände att användargränssnittet var lite gammaldags och inte användarvänligt. Yclas lanserades i januari 2015 och vi använde samma panel som Open Classifieds hade.
Förbättringarna:
Första punkten: omarrangering av menyobjekt

Den första punkten på agendan var att omarrangera panelens objekt. Genom åren hade vissa objekt placerats under fel menyposter och placeringen var långt ifrån logisk. Vi började analysera vilket innehåll vi använde på vilka sidor och varför vi gjorde det. För att göra allt lite mer konkret använde vi post-it-lappar för att visualisera adminpanelen.
Att omarrangera menyobjekt blir mycket lättare när man visualiserar vad man arbetar med.
Vissa menyobjekt var helt överflödiga och kunde tas bort; andra var inte på rätt plats och flyttades. Genom omarrangeringen blev det mycket tydligt vilka sidor som fungerade bäst under vissa menyposter.
Den slutliga arrangemangen av adminpanelens meny såg mer eller mindre ut som vi visualiserade här. Detta var inte det slutgiltiga arrangemanget eftersom vi flyttade vissa objekt även under utvecklingen, men det var mer eller mindre utgångspunkten.
Att designa den nya adminpanelen
När omarrangeringen av menyobjekten var klar för oss började vi fundera på hur vi ville att vår adminpanel skulle se ut. Vi började analysera vad våra konkurrenter använde och hur vi kände om deras designval. Vi skulle inte säga att WordPress är en konkurrent, men gränssnittet i deras adminpanel är utmärkt. Du kommer att märka att vissa komponenter i vår adminpanels gränssnitt har sitt ursprung i WordPress backend-panel.
Målet var att designa en adminpanel som var både lätt att använda och vacker att titta på. Designtrenden "Flat design" var vår ursprungliga inspiration eftersom den inte förlitar sig på texturer eller upprepade mönster för att definiera sidans sektioner. Med enkla färger och färre onödiga grafiska element strävade vi efter att lägga fokus där det hör hemma: innehållet.
Skapa ett bättre fungerande gränssnitt
En av de viktigaste sakerna vi försökte förbättra var de långa sidorna med information, till exempel på inställningssidorna. Vi valde flikbaserad navigering för att minska röran och organisera en betydande mängd information.

Paneler till vänster jämfört med flikar till höger. Användaren behöver inte längre scrolla nedåt och kan själv avgöra på vilken flik informationen är relevant.
Med panelerna till vänster blev formulären snabbt uppsvällda och det blev otydligt var man skulle leta. Medan till höger är informationen på varje flik mindre och användare kan lätt navigera på sidan.
Utöver integrationen av flikar förbättrade vi olika mindre men viktiga gränssnittskomponenter. Målet var att skapa en lättanvänd adminpanel som skulle göra livet mycket enklare för våra användare, samtidigt som vi var trogna vår nuvarande adminpanel för att inte förvirra våra användare med ett helt nytt gränssnitt.
Hej sökning och snabbkommandon
Förutom alla dessa förbättringar behöver vi nämna två nya funktioner i adminpanelen: sökfältet och snabbkommandon.
Vi vill alltid att Yclas ska passa alla användare, och här på vår utvecklingsavdelning älskar vi sökfält. Skriv bara in vad du letar efter och... Voilà, träffsäkra resultat visas.
Men detta är inte det enda sättet att spara tid när du söker efter något, vi skapade också snabbkommandon. Klicka här för att se hur det fungerar.
Adminpanelen idag: vad som ändrades i omdesignen i oktober 2026
Panelen som beskrivs ovan har tjänat Yclas-sajter i flera år. I oktober 2026 byggdes varje sajts admin om igen, kring samma mål: färre klick, mindre scrollning och ett tydligt första steg för nya ägare. Så här ser det ut när du loggar in nu.
En instrumentpanel som visar vad du ska göra härnäst
Under sina första 45 dagar ser nya sajter en installationsguide på instrumentpanelen med tre steg: skapa dina kategorier, lägg till din logga och publicera dina första 5 annonser. En framstegsring visar hur nära lansering du är, och du kan även importera annonser från en CSV-fil. Instrumentpanelen visar också annonsvisningar och kontakter till säljare, nya användare, nya annonser och intäkter för de senaste 7, 30 eller 90 dagarna, jämfört med perioden innan. Under den 15 dagar långa gratis provperioden visar sidomenyn hur många provdagar som är kvar, med en länk för att välja en plan.
En sidomeny grupperad efter uppgift
Hem, Analys och en länk till Support ligger överst. Under dem är allt annat indelat i tre grupper:
- Hantera: Annonser (alla annonser, kategorier, platser, anpassade fält, annonsinställningar, plus Moderering med en räknare för annonser som väntar på granskning när du godkänner annonser innan de publiceras), Användare, Prenumeranter och Ordrar. Prenumerationer, Transaktioner, Recensioner och Forum visas bara när du aktiverar dessa funktioner.
- Innehåll: Sidor, plus Blogg och FAQ när de är aktiverade.
- Konfigurera: Inställningar (allmänt, betalningar, kuponger, översättningar, anpassade användarfält), Media, E-post, Design (teman, temainställningar, widgets, meny, anpassad CSS), Tillägg, Integrationer, Verktyg, och Domän & SSL.
Sökning ersatt av en kommandopalett
Sidomenyns sökfält har ersatts av Sök eller hoppa till…: tryck på Ctrl K (eller ⌘ K på en Mac) från vilken adminsida som helst, skriv en del av ett sidnamn och tryck på Enter. Paletten har även snabbåtgärder som att publicera en ny annons, besöka din webbplats och öppna guiderna. De gamla snabbkommandona har ersatts av dessa:
| Tangenter | Vad det gör |
|---|---|
| Ctrl K / ⌘ K | Öppna eller stäng kommandopaletten |
| G och sedan H / L / U / O / S / P | Gå till Hem, Alla annonser, Användare, Ordrar, Inställningar › Allmänt eller Sidor |
| N | Publicera en ny annons (från instrumentpanelen) |
| Ctrl S / ⌘ S | Spara en inställningssida som har osparade ändringar |
| Esc | Stäng paletten eller mobilmenyn |
Snabbkommandon pausas medan du skriver i ett textfält, och Ctrl/Cmd+K infogar fortfarande en länk inuti textredigeraren.
Inga fler förlorade inställningar
Så snart du ändrar ett fält på en inställningssida visas en sparfält med knapparna Spara och Förkasta, och webbläsaren varnar dig om du försöker lämna sidan innan du sparar. Den fullständiga genomgången finns i guiden till adminpanelen på docs.yclas.com.
När vi lanserar den nya adminpanelen är vi väldigt nyfikna på vad våra användare tycker om den. Finns det något du skulle vilja se annorlunda? Några buggar? Funktioner du fortfarande saknar? Om du har någon feedback, skulle vi älska att höra den!
P.S.
vi har också lite annat nytt du kan läsa här.