Typografie

Prozent- und Promillezeichen

Gut ist, was schön aussieht! % und ‰ sind eigenständige Zeichen und dürfen nicht zusammengesetzt werden. %0 oder 0/00 ist falsch. Nach der Zahl steht ein Spatium Abstand: 40%, dies ist etwas aufwendiger im Web zu realisieren. Häufig wird das Prozentzeichen direkt an die Zahl gesetzt: 40% was immerhin besser aussieht als mit einem ganzen Wortzwischenraum: 40 %. Ein normaler Wortzwischenraum könnte beim Blocksatz Zahl und Einheit unverhältnismässig voneinander trennen. Einheiten aller Art gehören zur Zahl und dürfen nie auf eine neue Teile zu stehen kommen.

Essen

Einfachstes Chicken Curry

500 g Pollo fino in der Pfanne auf der Hautseite anbraten. 2 Schalotten und 1 Knoblauchzehe in Scheiben schneiden und in einem Topf mit 2 EL Kokosöl oder Olivenöl andünsten. 500 ml Kokosmilch, 2 große TL Grüne Currypaste und den Saft einer Limette hinzufügen und für 10 Minuten köcheln lassen. Das Ganze wie immer mit Salz, Pfeffer und etwas Chili nach Geschmack würzen.

Typografie

Bruchzahl

Im Lauftext (Copy) sind Nenner und Zähler etwas kleiner gehalten. Der Nenner ist mit der Schriftlinie bündig, der Zähler aliniert mit der Versalhöhe. Im mathematischen Satz seht der Bruchstrich horizontal.

Typografie

Anführungszeichen

In der Schweiz, Italien und Frankreich werden hauptsächlich Guillemets « … » angewendet. In Deutschland stehen sie so: »…«. Auch diese Art von Anführungszeichen ist richtig: „…“, dabei sollte die Anführung dem Aussehen der 99 entsprechen, die Abführung der 66. Je nach Schrift haben sich auch andere Formen herauskristallisiert, man sieht das heute nicht mehr so eng wie früher. Falsch ist die Anwendung des Zollzeichens “…“ oder auch des Zeichens für Sekunden „…“. In der Kombination von Initialbuchstaben und Anführungszeichen kann dieses weggelassen werden. Wo das Anführungszeichen als Gestaltungselement eingesetzt wird, können auch zweimal dieselben Zeichen stehen „…“.

UI Usability UX

Color Token

Color Tokens helfen Designern und Entwicklern, die Palette optimal zu nutzen und überbrücken die Benennungs-Verwendungs-Lücke etc. etc.

Essen

Schokoladenkuchen

Schlage 4 Eiweiß mit einer Prise Salz steif. Mixe in einer anderen Schüssel 2 Eier, 4 Eigelb und 200 g Zucker, bis es cremig ist. Schmelze 180 g Butter und 180 g Schokolade über einem Wasserbad. Rühre diese Mischung in die Ei-Zucker-Mischung ein. Füge dann 200 g geriebene Mandeln, 50 g Kakao und den steif geschlagenen Eischnee hinzu. Backe bei 150 °C für 40-55 Minuten. Bestreue den Kuchen abschließend mit Kakao.

UI UX

Meine Designprinzipien

Dies sind meine UX- und UI-Design-Prinzipien*, die immer und überall berücksichtige und anwende.

  • Keep it simple. Halte das UI-Design einfach: die kann die Usability ind Interaktion enorm mit der Applikation verbessern. Das Design hilft bei der Navigation wie auch Orientierung durch die Applikation.
  • Relevantes Feedback: Zeige dem User ein immer ein Feedback in der UI, dass wenn es nötig und relevant ist (z.B. durch kurzes highlighten vom bearbeiteten Content etc.). Vermeide unnötige Störung beim Workflow durch modale Rückmeldungen, die der User durch einen Klick/Tap bestätigen muss. 
  • Konsistent und mit Methode: Eine konsistente Gestaltung der UI ist wichtig, um den User Vertrautheit zu vermitteln und die Usability zu erhöhen.
  • Primäre und Sekundär Funktionen: Bei der Umsetzung des UI Designs ist es wichtig, die wichtigste Funktion hervorzuheben und zugänglich zu machen. Dies kann dazu beitragen, dass der User die Anwendung schneller und einfacher bedienen kann.

Kite Usability

Kurven fliegen

Rechtskurve
Zieh an der rechten Steuerleine und der Schirm beginnt eine Kurve in einem weiten Bogen nach rechts zu fliegen. Radius der Kurve und Looping kannst du mit Hilfe der Bremsleinen beeinflussen.

Durch zusätzliches Neigen des rechten Handles wird gleichzeitig die Bremsleine der rechten Seite betätigt und die Drehung der Matte unterstützt. Damit lässt sich die Matte auf der Stelle wenden oder drehen. Flugmanöver auf engstem Raum werden möglich und die Matte kann an jedem Punkt des Windfensters gehalten werden.

Linkskurve
Wie „Rechtskurve“ nur anders rum 🙂

Kite Usability

Lenkmatte starten

Legen die Steuermatte auf dem Rücken vor sich aus, mit der Schleppkante (Trailing edge) nach vorne in die Mitte des Windfensters. Platziere die Griffe und Leinen in maximalem Abstand zur Matte. Nimm die Handles in die Hand, wobei die obere Leine (Flugleine) zwischen Zeige- und Ringfinger geführt werden sollte. Achte darauf, dass Flug- und Bremsleinen nicht gekreuzt oder verdreht sind. Kippe beide Handles nach hinten (zu dir hin) und ziehe mit einer gleichmäßigen Bewegung, so dass sich der Kite aufrichtet und sich die Kammern mit Luft füllen. Ziehe nun beide Griffe gleichmäßig nach hinten (Bremsleinen sollten locker sein) und der Kite beginnt zu steigen.

Nach dem erfolgreichen Start der Lenkmatte parke diese zu Beginn oben im Windfenster in der Mitte. Damit kann der Spaß beginnen, kleine Bewegungen mit den Griffen nach links und rechts und zurück zur Mitte und sich mit dem Zug der Lenkmatte vertraut machen.

Hinweis: Achte darauf dass die Lenkmatte in der Mitte des Windfensters gestartet wird und das die Matte eine hohe Geschwindigkeit und Zugkraft erreicht. Denk an einen festen Stand.

Kite Usability

Windfenster

Das Windfenster ist der Bereich in dem geflogen werden kann. Wenn du genau mit dem Rücken zum Wind stehst ,ist es die Mitte des Windfensters . In diesem Bereich entwickelt deine Lenkmatte die höchste Zugkraft und Geschwindigkeit, dort ist der Wind am stärksten. Zum Rand des Windfensters hin nimmt der Druck und die Geschwindigkeit ab. Am höchsten Punkt des Windfensters kannst du die Lenkmatte parken, da ist der Druck auf die Lenkmatte am geringsten. Wird die Lenkmatte über die genannten Bereiche hinaus geflogen, kann es zum Strömungsabriss kommen und deine Lenkmatte kann stehen bleiben oder kollabiert und bricht zusammen.

Kite Usability

Lenkmatte (Kite) landen

Die 4-Leiner Lenkmatte kann auch mitten im Windfenster gelandet werden, indem Sie beide Bremsleinen (untere Leinen) stark anziehen. Kippen Sie beide Griffe stark nach vorne (sieh Abbildung) und ziehen beide Bremsleinen langsam und dosiert zu sich, die Matte geht in einen Sackflug über und beginnt rückwärts zu landen. Nun kann die Matte (Kite) mit Hilfe von Drachenstange oder Drachengewichten am Boden fixiert werden oder aufgerollt werden.

Essen

Bester Pizzateig

500 ml Lauwarmes Wasser in eine Schüssel geben, 10 gr. Hefe im Wasser auflösen. 800 gr. Bio-Weizenmehl Typ 405 (Pizzamehl) zum Wasser hinzugeben und 5 Minuten durchkneten. 20 gr. Salz hinzufügen und erneut durchkneten lassen für ca. 10-15 Minuten. Danach den Teig für +/- 8-10 Stunden zugedeckt (Folie oder feuchtes Küchentuch) in der Schüssel gehen lassen.

Typografie

Apostroph

Der Apostroph steht für einen weggelassenen Buchstaben. In der Regel belässt man den Wortzwischenraum: Gott sei ´s gedankt. Kein Apostroph steht aber bei Verschmelzungen: aufs, ans, beim Genitiv: Müllers Tante (aber Onkel Hans‘ Geburtstag – hier wird nämlich das Genitiv-s weggelassen!) sowie in der Befehlsform: geh weg! Der Apostroph wird häufig verwechselt mit dem Zeichen für Minuten: 23° 24′ 30″. Das Minutenzeichen ist kerzengerade (‚), der Apostroph leicht geschwungen (´).

UI UX

Wenn Du ein besserer UX/UI-Designer:in werden willst, musst DU tatsächlich Zeit damit verbringen, Design zu üben. Mit diesen 3 Übungen kannst Du deine Fähigkeiten schärfen/verbessern:

  • Analysiere UX/UI Design
  • Kopiere Arbeiten und überarbeite diese
  • Eigene Entwürfe erstellen

Diese „Übungen“ helfen dir dabei grundlegende Designkonzepte zu verstehen und zu verinnerlichen, dies hilft dir dabei eine durchgängig Arbeit zu produzieren.

Typografie

Telefonnummern

Für das Absetzen von Vorwahlnummern gibt es verschiedene Möglichkeiten oder Kombinationen. Rufnummern werden von hinten in Zweiergruppen mit einem Geviert oder einer Leertaste spationiert.

0049-1-234 56 78 
+49-1-234 56 78
(01) 234 56 78 
01-234 56 78 
01/234 56 78 

Typografie

Punkt, Komma, Strichpunkt, Doppelpunkt, Frage- und Ausrufezeichen.

Punkt, Komma, Strichpunkt, Doppelpunkt, Frage- und Ausrufezeichen Diese Satzzeichen stehen direkt nach dem letzten Buchstaben, ohne Leerzeichen dazwischen. Die drei Auslassungspunkte sollten etwas Abstand (spationiert) haben, damit sie nicht zusammenkleben. Wenn ein Abkürzungspunkt (wie bei usw.) am Ende eines Satzes steht, wird nur ein Punkt geschrieben.

Kaffee

Milchschaum mit der Dampflanze erzeugen

Für den Milchschaum verwende ich kalte Milch – egal ob Kuh, Mandel oder Hafer. Die Kanne bis knapp zur Hälfte mit Milch füllen.

1.Phase: Ziehen

Halte die Spitze der Dampflanze knapp unter die Oberfläche der Milch, öffne das Dampfventil und erzeuge Luftblasen. Kanne langsam mit steigender Tendenz nach unten ziehen, so dass sich die Dampflanze immer knapp unter der Oberfläche befindet. Die Milch wird so lange gezogen, bis sich das Volumenungefähr verdoppelt hat. Es ist permanent ein gurgelndes (zischendes) Geräusch zu hören.

1.Phase: Rollen

Um das Milch-Luftblasen-Gemisch zu verfeinern, die Dampflanze tiefer eintauchen. Jetzt werden keine Luftblasen mehr erzeugt und das Geräusch verschwindet. Halten Sie das Kanne so, dass ein senkrechter, vertikaler Strudel entsteht. Die Milch sollte nicht zu heiss (+/- 65 Grad) werden, die Kanne sollte noch mit der Hand anfassen können.

UI UX

Was ist ein Design System?

Ein Design System ist eine Zusammenstellung von UI-Komponenten, die durch Design-Prinzipien und eine übergreifende UX-Strategie miteinander verknüpft sind. Sie dienen als Richtlinien dafür, wie diese Komponenten in der Benutzererfahrung verwendet werden sollen. Teams können diese Komponenten wiederverwenden, um Produkte zu gestalten, ohne wiederholt gängige Interaktionsmuster neu zu entwickeln. Ein Design System fungiert als Baukasten für die Gestaltung digitaler Produkte im großen Maßstab und enthält oft Styleguides, Farben, Schriftarten und Stile, die in den UI-Elementen genutzt werden. Diese Ansammlung von Standards und Prinzipien macht das Design System zu einer zentralen Referenzquelle für ein Unternehmen.

iOS Openhab

iOS erkennt OpenHAB nicht

Wenn Openhab korrekt eingerichtet und das Homematic Binding und die Items eingebunden sind, aber die HomeApp (iOS) nach Eingabe vom Code  einfach nicht Openhab finden will, hilft oft ein Restart von Openhab.

$ sudo systemctl restart openhab2.service
Swift

Programmatische VC Verlinkung

let linkToView = self.storyboard!.instantiateViewControllerWithIdentifier("navigationOptionenEdit")
self.presentViewController(linkToView, animated: true, completion: nil)