Blog on robertjelenic.com

Sprachumschaltung UI/UX auf multilingualen Webseiten

Fri, 04 Jun 2021 00:00:00 +0000

Als ich diese Webseite startete, gab es sie nur in Englisch. Aber ich wollte sie schon seit einiger Zeit zu einer zweisprachigen englischen und deutschen Webseite ausbauen. Dies stellt eine interessante Herausforderung bei der Internationalisierung des Quellcodes der Webseite dar. Hugo handhabt dies sehr gut. Alles was ich brauchte waren die Hugo Multilingual Mode Dokumentation und diese Artikel:

Zuerst habe ich hart kodierte Zeichenketten aus meinem HTML in Sprachressourcendateien extrahiert. Als Nächstes lernte ich, wie Hugo die logische Verknüpfung von Inhaltsdateien (gespeichert als Markdown) im mehrsprachigen Modus handhabt. Dies ist wichtig, weil man möchte, dass äquivalente Seiten in mehreren Sprachen logisch miteinander verbunden sind. Der Grund dafür ist die Sprachumschaltung (auch hreflang links, aber die werde ich in diesem Beitrag nicht abdecken). Diese logische Verknüpfung hängt davon ab, wie du deine mehrsprachigen Webseiten-Versionen implementiert hast: Unterordner, Subdomains oder sogar getrennte Domains…wähle also ein Framework, das deine Implementierung unterstützt. In meinem Fall verwende ich unterschiedliche Domains, insbesondere ein country code Top-Level-Domain (ccTLDs) für Deutsch:

McKinsey verschwindet aus meinem Leben

Tue, 16 Feb 2021 00:00:00 +0000

Am Freitag, den 4. Februar 2021, wachte ich mit der Nachricht auf, dass McKinsey & Co einen Vergleich geschlossen haben. Dies bezog sich auf ihre Arbeit für Purdue Pharma L.P., um deren Verkäufe von OxyContin, einem starken opioiden Schmerzmittel, “anzukurbeln”.

Mehr lesen

Die Füße ins Wasser tauchen

Ich drehe die Uhr zurück ins Jahr 2014. Ich war MBA-Student an der IESE Business School. Der Rummel um Sommerpraktika und den sprichwörtlichen “Fuß in der Tür” zu Elite-Beratungsfirmen war unüberhörbar. Ein Recruiter von McKinsey kontaktierte mich proaktiv und forderte mich auf, mich für ein Sommerpraktikum zu bewerben. Geschmeichelt von der Aufmerksamkeit der elitärsten Unternehmensberatung der Welt, bewarb ich mich voller Neugier. Nach dem Einstellungstest und vier Vorstellungsgesprächen war ich drin.

Airtable zum Terminologiemanagement

Wed, 27 Jan 2021 00:00:00 +0000

Konsistenz im globalen Produkt- und Dienstleistungsmarketing ist nicht einfach. Hieß das iPad oder Tablet? Kundensupport oder Kundenbetreuung? Dies betrifft deine Marketing-Inhalte, deine Produkt- und Service-Handbücher und alles was es sonst so gibt. Wer bei der Benennung von Dingen oder Ideen konsequente Terminologie benutzt, schafft Vertrauen bei Nutzern, vermeidet Verwirrung und stärkt seine Markenstimme.

Einzelne Personen müssen sich keine Mühe geben, Sprache konsistent einzusetzen. Mehrere Personen können das gleichzeitig nicht so einfach. Wirklich haarig wird es dann, wenn man von einsprachigem zu mehrsprachigem Inhalt umsteigt. Inkonsistenzen in den Inhalten der Ausgangssprache multiplizieren sich und richten in den Übersetzungs- und Lokalisierungsworkflows Chaos an.

N26 hat ein UX-Problem

Tue, 12 Jan 2021 00:00:00 +0000

Ich liebe die Mission von N26: Mobiles Banking, das die Welt liebt. N26 ist eine in Berlin ansässige “Neobank” - eine neue Art von Banken, die einen angemessen modernen Ansatz für das Banking verfolgen:

Mobile-first
ohne physische Filialen
tatsächlich nützlich bei der Organisation deiner Finanzen
gebaut für die API-basierte Zukunft der Finanztechnologie
die Art von einfachem, reaktionsschnellem Support, den du bei den meisten anderen SaaS-Produkten bekommst

Da ich in Großbritannien gelebt habe, bin ich ein ehemaliger Nutzer von Monzo, Starling und Revolut, so dass ich die Möglichkeit hatte, ein gebildeter Nutzer zu werden. Es gibt viele andere Beispiele für Neobanken, und wenn du daran interessiert bist, etwas über sie zu erfahren, sind sie nur eine Google-Suche entfernt.

Über meine Bilder

Sun, 27 Dec 2020 00:00:00 +0000

Als ich diese Webseite auf die Beine stellte, überlegte ich welche Art von Bildern oder Illustrationen ich einsetzen wollte.

Stockfotografie

Ich habe mich aus folgenden Gründen gegen Stockfotografie entschieden:

Es ist fast unmöglich, die Stock-Fotos, die “die Kernaussage des Artikels” wirklich fängt, konsequent zu finden. Ich frage mich daher oft: warum mir diese Mühe geben?
Die Kitschigkeit vieler Stock-Fotos macht mir übel
Es ist schwerer als man denkt, Stock-Fotos zu verwenden und dabei zu vermeiden, eine schlechte und verwirrende Ästhetik zu erzeugen. Schließlich verwendet man Stock-Fotos von verschiedenen Fotografen und Sammlungen.
Maßgeschneiderte Sammlungen sind ideal für Webseiten von Unternehmen. Aber dafür gab es bei mir kein Budget. Man könnte allerdings seine eigenen Fotos verwenden. Ich bin aber kein Fotograf.

❌ Niemand in der Geschichte der Geschäftswelt hat dies jemals getan. Tue es deinen Besuchern nicht an.

Illustrationen

Tolle Illustrationen erzeugen ein tolles Webseiteerlebnis. Kostenlose Illustrationen von großzügigen Künstlern herunterzuladen ist sicherlich eine Möglichkeit. Aber früher oder später fallen einem überall im Internet Illustrationen von Undraw und ähnlichen Webseiten auf. Und das wollte ich auch nicht. Trotzdem hat Katerina Limpitsouni einen tollen Job mit Undraw gemacht.

Notion ändert wie man Webseiten baut

Sat, 19 Dec 2020 21:16:28 +0100

Notion ist ein Technologie-Startup aus dem Silicon Valley, das ein erstaunliches Tool entwickelt hat. In ihren eigenen Worten:

…wir verschmelzen einen Großteil deines Workflows in einem All-in-One-Arbeitsbereich. Du willst eine Aufgabenliste? Produkt Roadmap? Ein Design-Repository? Sie befinden sich jetzt alle an einem Ort. Du kannst sogar deinen eigenen Arbeitsbereich aus Dutzenden von Bausteinen im LEGO-Stil zusammenstellen.

Ich erinnere mich, dass sie sich als “die fehlende Hälfte von Slack” vermarkten, was brillant ist. Slack und andere ähnliche Apps sind ein fließender Konversationsstrom, in dem Wissen verloren geht, da der Feed es nach oben in die Vergessenheit drückt. Notion ist das Yin zu diesem Yang: Es hilft, Wissen zu erfassen und fördert das Wissensmanagement im Unternehmen.

Internationaler Umzug während einer Pandemie

Mon, 06 Apr 2020 00:00:00 +0000

Ende Januar 2020 haben wir beschlossen, von London nach Berlin umzuziehen. Die Gründe dafür sind vielfältig und sollen in diesem Artikel nicht im Mittelpunkt stehen. Stattdessen möchte ich euch einen kleinen Einblick geben, wie wir einen internationalen Umzug in einer Pandemie durchgezogen haben.

Timing

Meine Familie zog Anfang März nach Deutschland. Der “Plan” hieß:, ich bleibe in London, arbeite weiter, ein paar Geschäftsreisen unternehme und unsere Wohnung bei einem vernünftigen Tempo zusammenpacke. Lauf Mietvertrag durfte ich bis Mitte Mai in der Wohnung bleiben.

Informationsarchitektur und Sitemaps

Sun, 24 Nov 2019 00:00:00 +0000

Starte kein neues Website-Projekt ohne einen definierten Zweck. Bevor irgendeine Design-Datei erstellt wird und bevor irgendeine Zeile Code geschrieben wird.

In diesem Beitrag gehe ich davon aus, dass du diesen ersten, kritischen Schritt hinter dir gelassen hast. Bald darauf wirst du dich mit der Informationsarchitektur der Website befassen. Die Informationsarchitektur definiert die Struktur der Site und die Hierarchie der Inhalte. Dies ist nicht zu verwechseln mit der URL-Struktur. Will Critchlow von Distilled beschreibt diese Konzepte in seinem Moz Whiteboard Friday Video The Difference Between URL Structure and Information Architecture.

Notizen ohne Datenbanken

Sat, 02 Nov 2019 00:00:00 +0000

Notizen zu machen ist wirklich entscheidend für meine Arbeitsweise. Es war mir schon eine Weile wichtig, eine Lösung für meine Notizen zu finden, mit der ich zufrieden bin. Jetzt bin ich endlich dort angekommen und möchte es mit euch teilen.

Hier sind ein paar Prinzipien, an die ich mich bei der Suche nach meinem idealen Setup orientiert habe. Ich habe sie aus meinem früheren Beitrag [Bildverwaltung ohne Datenbanken] (https://www.robertjelenic.com/de/fotoverwaltung-ohne-datenbanken/) entlehnt.

Wie ich diese Seite gebaut habe

Tue, 15 Oct 2019 00:00:00 +0000

Dieser Beitrag wird häufig aktualisiert, da sich diese Webseite weiterentwickelt.

Hier findest du einige Informationen darüber, wie ich diese Seite erstellt habe und wie du möglicherweise deine eigene Seite erstellen kannst.

Planung und Modelle

Ich habe die kostenlose Basisversion von Whimsical verwendet, um meine Informationsarchitektur zu planen und meine Seiten zu planen. Ich finde Whimsical sehr intuitiv. Es lässt die Dinge mit wenig Aufwand gut aussehen. Kästchen und ihre Texte werden automatisch farblich ergänzt, sodass ich keine Zeit mit einfachen Designaufgaben verschwenden muss, da ich kein Designer bin. Dies war keineswegs ein Figma-würdiges Designdokument, aber es half mir, meine Inhaltshierarchie richtig zu konzipieren und die Seitenvorlagen zu planen. Link zum Whimsical Projekt →

Fotoverwaltung ohne Datenbanken

Sat, 06 Jul 2019 00:00:00 +0000

In diesem Blog-Beitrag teile ich meine Erfahrung mit der Organisation meiner Fotos. Diese Aufgabe ist eine, vor der ich mich gefürchtet habe. Aber ich bin letztendlich sehr zufrieden mit dem Ergebnis geworden. Es gab ein paar Dinge, auf die ich in meinem Setup unbedingt achten wollte.

Portabilität - Das gesamte Setup vermeidet die Plattformsperre so weit wie möglich
Flexibilität - Ich möchte, dass meine Fotos für mich arbeiten, nicht umgekehrt. Ich möchte die Freiheit haben, meine Fotos so zu organisieren, wie ich es heute für richtig halte, und dies bei Bedarf in Zukunft problemlos ändern können
Automatisierung - Ein Großteil des Setups sollte automatisiert oder mindestens halbautomatisiert sein. Zweck der Übung besteht darin, deine Fotos zu genießen und keine neue nervige Aufgabe zu erschaffen

Natürlich ist dies nicht für jeden das richtige Setup und ich habe möglicherweise etwas übersehen. Du darfst unten gerne hierzu kommentieren.

Passwort-Manager für Marketing Teams

Sat, 18 May 2019 00:00:00 +0000

Wer digitale Geräte benutzt sollte unbedingt einen Passwort-Manager verwenden.Falls du noch keinen verwendest, höre sofort auf diesen Beitrag zu lesen. Richte dir einen ein und lese erst danach weiter.

In diesem Beitrag konzentriere ich mich darauf, was ich über das Nutzen eines Passwort-Managers in einer Arbeitsumgebung gelernt habe, insbesondere im Marketing. Ziel dieser Übung ist es, ein teamweites Setup zu erstellen, das die Online-Konten Ihres Unternehmens in höchstem Maße sichert und gleichzeitig die Zusammenarbeit innerhalb des Marketingteams ermöglicht.