Vad vi ska göra: 11 exempel på framgångsrika gränssnittslösningar på webbplatsen

Observation från Captain Obvious: Du är nu online. Det spelar ingen roll vad du gör nu - fortsätt läsa den här artikeln eller stäng fliken ...

Ja, jag skämtade om "ingen roll". Stäng inte, snälla!

Under alla omständigheter, alla dina åtgärder - interaktion med gränssnittet för webbplatsen och webbläsaren. I artikeln lär du dig om 10 exempel på gränssnittslösningar för webbplatsen. Enligt min mening är de framgångsrika, men du bestämmer om det är så.

1. Sberbank Online

Jag älskar och använder det här systemet, men ett ögonblick i det som mest. Jag ska berätta för dig nu. Vid överföring till en Sberbank-klient fyller du i detaljerna:

Tryck sedan på "Översätt" -knappen och se följande fönster:

I fältet "Namn" visas det vem du ska överföra pengar till. Godkänn, när du ringer ett 18-siffrigt kortnummer kan du göra ett misstag i antal och skicka pengar (och inte 100 rubel, som i skärmdumpen) bara inte där. Om du rapporterar ditt nummer från minnet är det enkelt att göra ett misstag!

När jag felaktigt rapporterade mitt kortnummer - de ringde mig tillbaka och sa att de nästan inte översatte till fel person.

2. Wikium

Denna online hjärntvättstjänst börjar glädja från den första skärmen. Istället för "Register" -tangenten (länken "Jag har redan ett konto" tillåter inte sitt syfte att misslyckas) finns det en motiverande "Börja utveckla":

Det som kommer efter att ha tryckt på knappen kan inte kallas trivialt:

Du registrerar inte bara med systemet: det bygger ett individuellt träningsprogram för dig, baserat på de färdigheter du vill utveckla.

Vid slutet - registrering via e-post eller via sociala nätverk:

System som Wikium, Lingualeo och liknande till dem, tack vare deras gränssnitt, berätta för användaren att säga: "Jag är din vän, jag hjälper dig att uppnå dina mål, jag kommer att rätta till var du gjorde ett misstag och beröm för några av dina framgångar" . Detta är grunden för effektiv onlineinlärning (och inte bara).

3. Alexis Style

I gränssnittet på huvudsidan blev jag förvånad över att skönhetssalongen omedelbart "avslöjar alla sina kort". Sidhuvudet är stort, men väldigt informativt:

Och längst ner är menyraden! Jag anser att gränssnittslösningen "priser och kampanjer på en gång" lyckades - användaren (eller, mer exakt användaren) ser all nödvändig information och kan bestämma sig för att gå till de procedurer som baseras på priset till ett minimum. Kvinnor vet naturligtvis bättre vilken mästare som ska gå till.

4. PDF.io service

Den här tjänsten har allt du ville göra med filer i * .pdf-format. Laconic gränssnitt utan långa beskrivningar - bara verktyg.

Här kan du också ändra språket till ryska, även om allt är klart

Allt som tjänsten kan göra, kan du göra på skrivbordet Acrobat Pro DC från Adobe, men för pengarna. Därför håller jag helt överens om egenskaperna hos tjänsten från utvecklarna: "Oumbärliga verktyg för att arbeta med PDF."

5. Wikipedia

Jag kan inte föreställa mig personer som aldrig har arbetat i Wikipedia. Någon ens skrev eller modererade artiklar från den här encyklopedin.

Visste du att någon artikel därifrån kan hämtas i PDF-format?

Filen med artikeln hämtas utan problem, trots de problem som uttrycks av "Wikipedia"

Det resulterande dokumentet ser så här ut:

Bekvämt läsbart dokument med struktur från "Wikipedia"

Du måste göra ett urval av artiklar att läsa dem utan internet? Använd alternativet att skapa en PDF på Wikipedia. Och med PDF.io kan du kombinera dem till en fil!

6. DNS Shop

DNS har ett bra verktyg - dator konfiguration, när du kan välja komponenter själv:

Om något är oklart, kommer länken till användarhandboken att hjälpa till att förstå

Här var det konstigt för mig varför de inte lade strömförsörjningen direkt efter processorn och moderkortet i urvalet. I det här fallet skulle det inte finnas någon inkompatibilitetsanmälan.

Så jag valde en kraftfull strömförsörjning för min konfiguration:

Och allt blev bra:

Glad att det finns sådana tjänster. Det är ledsen att:

7. Labyrint

Butiken är allvarlig om gränssnittet för korten i sina böcker:

1. "Design": För att förstå, hård eller mjuk skal vara boken, finns det en illustration, bokmärke etc.

2. "Innehåll": se vad och hur mycket detalj det finns i boken.

Illustrationer och videor för vissa böcker är ovärderliga:

Nyligen gav parametrarna för beskrivningen tid att läsa boken med anpassningsbara parametrar:

Du lär dig hur mycket du läser boken, baserat på den dagliga läsvolymen.

Jag såg först så här i Texterra-artiklarna, och även då uppskattade jag hur bekväm det är - om jag kan läsa materialet just nu eller lämna det för kvällen.

Nu är det implementerat i "Labyrinth". När du har tvåhundra böcker i rad för läsning blir det här mycket användbart.

8. Möbler "Moskva"

Jag lyckades köpa många olika möbler för mitt liv. Någonstans gjorde en butikspersonal en 3D-skiss med min fru och jag, ibland målade vi själva möbeldesignen.

Här gjorde företaget en sektion på webbplatsen där du kan ladda ner online eller offline version av programmet för designdesign:

När du hämtar onlineversionen öppnar du det här fönstret:

Genom att trycka på knappen för nedladdning av offline-versionen startas omedelbart processen att spara programmets distributionspaket på rätt ställe.

Gränssnittet är nöjd med två saker:

1. Det faktum att ett sådant program är på plats i princip (detsamma är så logiskt!).

2. Versionen för webbläsaren och för datorn tar hänsyn till intressen hos två segment av målgruppen på en gång.

9. Fackbok

Filtrera produktval direkt på huvudsidan - coolt! Har i stort sett ett litet utbud, kan Pocketbook ha råd med en sådan lösning:

Inte bara läsare, och deras val. Genast

Precis nedanför erbjuder vi att hämta läsaren. Då återspeglas valet av varje parameter i enhetens display:

I slutet finns en lista över alla valda parametrar och en lista över enheter som passar dem.

Som ägare till Pocketbook 911-läsaren och författaren till den här artikeln kommer jag att säga - både enheten är utmärkt och webbplatsen.

10. Wisellshop

För vissa produkter i kortet är knappen "Try online" tillgänglig. Så här fungerar det:

Peka på din "90-60-90" och ta reda på om saken kommer att sitta

Jag kom in i parametrarna för den virtuella Madame och fick det här:

Resultatet registreras i postkortet:

Om sorgligt: ​​Facebook och dess gränssnitt

Det finns många frågor om detta sociala nätverk. En av dem är "Lägga till medlemmar" i grupper:

Poängen är inte ens att du kan byta namn till "Bjud in deltagare", som det brukade vara i VKontakte. Bara en gång du går till Facebook och förstår att du har lagts till i en grupp som du inte behöver, utan att fråga om samtycke.

Allt du kan i den här situationen:

Gränssnitt av webbplatser borde vara sådana att de inte bara får mig att tänka (tack vare Stephen Krug för det här), men orsakade inte heller sådan upprördhet, vilket ledde till skapandet av en framställan.

11. Express logistik

I sådana "hårda" B2B-nischer som internationell frakt hittar du sällan interaktiva gränssnittslösningar. Därför tycktes det vara en bra idé att placera på den första skärmen på huvudsidan på transport- och logistikföretagets webbplats en vektor världskarta med interaktiva element.

Det fungerar så här - kunden väljer den del av kontinenten där han behöver skicka eller hämta lasten. Ett klick dyker upp en lista över riktningar där företaget kan ordna transport. Och om du klickar på ett land öppnas sidan för beräkning av kostnaden för tjänster i det här området.

En sådan karta är bekväm eftersom en potentiell klient inte behöver vandra runt på platsen för att hitta en lösning på deras uppgift - vägen från huvudsidan tar ett par klick.

Loading...

Lämna Din Kommentar