❣ Chile in a Photography ❣
2025 on Tumblr: Trends That Defined the Year
occasionally subtle
Noah Kahan
sheepfilms
Love Begins
Claire Keane
Phantogram Three
One Nice Bug Per Day
Mike Driver
The Stonewall Inn
Today's Document
I'd rather be in outer space 🛸
Jimmy Eat World
Show & Tell
EXPECTATIONS
No title available
titsay
RMH
Fieri Frames
seen from United Arab Emirates
seen from Colombia
seen from Philippines
seen from United Kingdom
seen from Japan
seen from Vietnam
seen from Türkiye
seen from Philippines
seen from Canada
seen from Vietnam
seen from United Kingdom
seen from United States
seen from Qatar
seen from Philippines
seen from Türkiye
seen from Ecuador
seen from Colombia
seen from United Kingdom
seen from Türkiye
seen from United States
@jessica-webdesign-blog
User Experience Definition
Auf Pauls Frage hin, wie wird User Experience definiert, habe ich mich darüber schlau gemacht und das heraus gefunden:
Die Kriterien Firmitas(Festigkeit), Utilitas (Nützlichkeit, Usability) und Venustas(Schönheit) für das Nutzerlebnis wurden von Vitruv (Architekt und Designer) definiert.
Wenn die Erwartungen eines Benutzers erfüllt werden, ist es angenehm, ein Produkt zu benutzen. Egal ob es ein Haus, eine Webseite oder ein sonstiges Produkt ist.
User-Experience
Ein User-Experience ist ein Test, den man an einer Webseite unterzieht.
Dies ist gut, wenn man eine sehr grosse Webseite hat, auf der viel Inhalt aufgezeigt ist. Bei diesem Test wird die Benutzerfreundlichkeit geprüft. Man testet, wie übersichtlich sie ist und wie schnell man Dinge auf der Seite findet.
Dieser fest kann man online machen. Man schickt den Link der Seite und bekommt dann das Ergebnis. Mache solche Test sind auch kostenpflichtig.
Aber einen solchen Online Test bringt es bei meiner kleinen Webseite nicht.
Darum habe ich in meinem Umfeld, meine Webseite gezeigt und eine Bewertung eingeholt.
Im Büro; unser Webprogrammierer:
Finde deine Webseite schön und übersichtlich. Aber bei der Navigation würde ich etwas ändern. Auf den ersten Blick, hatte ich den Eindruck, dass bei der Unternavigation der Punkt Zeichnung zu Über mich gehört, Graphit Design zu Meine Arbeiten, und Fotografie zu Kontakt. Das ist , weil, die Unterpunkte genau unter den Hauptpunkten steht.
Kurz zusammengefasst es ist nicht gleich ersichtlich, dass die Unternavigation zum Punkt Meine Arbeiten gehört.
Hier zur Ansicht:
Meine Kollegin:
Ich finde die Farben sehr schön. Die Webseite ist einfach aber übersichtlich. Aber bei der Navigation ist es einbisschen verwirrend, dass die Unterpunkte immer wieder verschwinden. Vielleicht eine kleine Idee, dass man der Menüpunkt, wenn man auf ihr klickt, die gleiche Hintergrundfarbe bekommt wie das Untermenü.
Meine Eltern:
Wir finden sie schön aber es ist noch einwenig schwierig alles zu beurteilen, weil noch nicht der ganze Inhalt der Webseite darauf ist. Aber sie ist bis jetzt übersichtlich und einfach den überblick zu behalten. Die Navigation gefällt uns auch aber was uns einmischen stört ist, dass sie immer wieder zu klappt.
Ja das ist so das Feedback, was ich von meinen Mitmenschen bekommen habe. Ich werde es beherzigen und das Problem mit der Navigation auf jedenfalls lösen. Auch der Tipp meiner Kollegin werde ich versuchen umzusetzen. Ich verstehe auch, dass es schwierig ist, die Webseite zu bewerten, weil noch nicht der ganze Inhalt darauf ist.
Aber so ein Feedback hat mir sehr viel gebracht. Gewisse Dinge fallen einem gar nicht auf, weil man die ganze Zeit sich mit der Webseite befasst und es für einem klar und logisch ist. Darum ist es gut sich Kritik zu holen um auf gewisse Dinge aufmerksam gemacht zu werden.
Frage Kontaktformular
Auf meiner Webseite würde ich gerne unter dem Menüpunkt Kontakt ein Kontaktformular programmieren. Hier ein Beispiel:
Weiss jemand von euch, wie man das macht? Oder kennt jemand ein gutes Tutorial, wo das erklärt wird?
Vielen Dank im Voraus:)
Neue Farben für meine Webseite
Heute habe ich meiner Webseite neue Farben verpasst. Grund dafür war, dass die weissen Menüpunkte auf dem Hellblau nicht gut sichtbar waren. Und zugleich fand ich die Farben mit der Zeit ein wenig langweilig ;)
Hier die neuen Farben:
http://jessica.portfolio.undknup.com
Hey Jessica
Coole Farbe, ist die jetzt definitiv? Sag mal, wieso ist bei deiner URL undknup vorhanden? Ist das nicht dein Geschäft?
LG Jeremy
Hey Jeremy
Vielen Dank :) Ja sie ist definitiv.
Genau das ist mein Geschäft. Meine Webseite ist eine Subdomain von der «undknup.com Domain» .
Frage Blocksatz
Auf meiner Seite möchte ich gerne mein Text in einem Blocksatz darstellen. Ist dies möglich oder geht nur ein Flattersatz?
Und wen ein Blocksatz geht, wie ist dies möglich einen schönen Blocksatz hinzubekommen?
heey kann mir bitte jemand saen was ein prototyp ist den ich erstellen muss? ist das nicht einfach eine statische webseite?
Hey Daniela
Dein tolles Storyboard, das du gemacht hast kannst du eigentlich gleich als Prototyp verwenden. Das ist ein Prototyp einer…
hey jessi! danke viel mal das hilft mir echt! das werde ich gleich machen! :) danke viel mal! hihi
hey jessy no was… wie macht mer es interaktivs pdf aso wie machsches klickbar? has ez versuecht schaffes ned.. :s
Hey Daniela :)
Also im InDesign Markiertst du einen Menüpunkt in deiner Navigation.
Dann klickst du auf Fenster -> Interaktiv -> Hyperlinks.
Wenn das Fenster Hyperlink offen ist, klicks du oben rechts in das kleine Feldchen und wählst:
neuer Hyperlink. Dort kannst du anwählen, was du verlinken möchtest. Am Anfang steht dort immer URL. Dann wählst du dort Seite an. Und dann kannst du die gewünschte Seitenzahl eingeben, mit welcher du den Navigationspunkt verlinken möchtest. :) Haha ich hoffe du kommst bei meiner Beschreibung draus. Sonst zeige ich es dir gerne Morgen. :)
Meine Lernstrategie 2
Wie ich im letzten Post über meine Lernstrategie berichtet habe, helfen mit Tutorials sehr viel. Aber auch die Tipps und Tricks, die mein Geschäft mir mitteilt.
Im Laufe der Arbeit habe ich aber neue Lernstrategien herausgefunden:
Hier in meinem 2 Post über die Lernstrategie muss ich sagen, dass mir die Posts von den anderen auch sehr viel weiter geholfen haben. Auch die Fragen die auf Wiki gestellt wurde haben mich weitergebracht.
Diesmal habe ich mir auch Videotutorials angeschaut, wenn auch nicht auf Deutsch, und ich muss sagen, ich konnte nur profitieren. Es wurde Schritt für Schritt gezeigt, so das man dies einfach nachmachen konnte.
Was auch toll ist, ist das «Firebug» welches man im Browser Firefox findet. Mir diesem kann man die ganze Codierung einer Webseite aufrufen und anschauen. Man kann auch Dinge umschreiben, ausblenden oder neues reinschreiben und sehen was passiert. (Natürlich verändert man s die Webseite nicht, dass jeder sie sehen kann) Firebugs ist also nur empfehlenswert.
Aber ich habe auch viel ausprobiert. Einfach mal was in mein HTML reingeschrieben und geschaut was passiert. Das herumexperimentieren hat mir in dem Sinn geholfen und aufgezeigt, was ich alles auch falsch machen kann. Und so konnte ich auch Fehler vermeiden. Also einfach Probieren und herumexperimentieren. Und wenn ich nicht weitergekommen bin, habe ich mich an Google gewant und nach den richtigen Weg gefragt. :)
Prototyp
heey kann mir bitte jemand saen was ein prototyp ist den ich erstellen muss? ist das nicht einfach eine statische webseite?
Hey Daniela
Dein tolles Storyboard, das du gemacht hast kannst du eigentlich gleich als Prototyp verwenden. Das ist ein Prototyp einer Webseite. Du zeigst einzelne Seiten, wie sie aussehen könnten.
Und für die Präsentation beim Kunden, könntest du im InDesign ein Interaktives PDF erstellen, in dem du die einzelnen Seiten miteinander verlinkst. So hat der Kunde die Möglichkeit sich durch die Navigation durchzuklicken.
Auch ich habe das so gemacht:
https://www.dropbox.com/sh/ohf3f94l6lgxozb/OlYRv_mXci
Ich hoffe das hilft dir.
Mein nächstes Problem ist, das meine Navigation immer wieder zu klappt, wenn ich einen Unterpunkt ausgewählt habe. Das sieht so aus:
Aber eigentlich sollte es so aussehen:
Vielleicht hat das etwas mit dem «hover» zu tun? Oder mit diesen verschiedenen «display»...
Hey Annika:)
Vielen Dank für den super Tipp !!! Auch ein Dankeschön an deine Mutter :) Ich werde es gleich ausprobieren.
Genau das mit den «li» und den «a» habe ich in meiner Codierung.
Ich werde mich gleich daran machen und es posten sobald es geklappt hat. Nochmals herzlichen Dank :)
Problem, das mit der Arbeit gelöst werden soll
Mein nächstes Problem ist, das meine Navigation immer wieder zu klappt, wenn ich einen Unterpunkt ausgewählt habe. Das sieht so aus:
Aber eigentlich sollte es so aussehen:
Vielleicht hat das etwas mit dem «hover» zu tun? Oder mit diesen verschiedenen «display» Befehlen (inline, block, inline-block)?
Nun ich werde mich darüber schlau machen und berichten :)
Mein heutiger Erfolg
Und endlich habe ich es geschafft...
Ich konnte meine Untermenüs horizontal darstellen!!!
Dank dieses Videos habe ich es hingekriegt:
http://www.youtube.com/watch?v=S4IYaZWFY_o
Auch wenn es auf eine andere Sprache war, es wurde Schritt für Schritt gezeigt was zu tun ist :)
Weiter habe ich an meiner Bildergalerie gearbeitet. Zwar ist es noch keine Slideshow oder eine sonstige Bildergalerie aber ich habe die Bilder einmal so platzier, wie ich sie gerne haben will.
Hier könnt ihr meine Webseite anschauen:
http://jessica.portfolio.undknup.com
Es gab auch sonst ein paar kleine Änderungen die ich gemacht habe.
Mein nächstes Ziel wird es sein, dass die Unternavigation offen bleibt und sich nicht jedesmal wieder schliesst auf der angeklickten Seite.
Natürlich werde ich auch die Bildergalerie versuchen zu erstellen. Und dann die ganze Webseite mit dem Inhalt füllen.
Ja das ist so mein kleiner Erfolg, den ich dieses Wochenende erreicht habe :)
Frage zu: Position «absolute» und «relative»
Beim Codieren stosse ich immer wieder auf diese beiden Begriffe, wenn ich ein Element oder Text platzieren möchte. Aber ich weiss nie, wann ich welchen Befehl verwenden muss.
Kann mir jemand der Unterschied zwischen diesen beiden Begriffen erklären?
Meine Webseite ist aufgeschaltet :)
http://www.kgb-schweiz.ch/CK
Hey Claudii:)
Deine Webseite sieht echt soll aus :D Ich finde sie sehr übersichtlich und schön gestaltet. Du hast sie im Dreamweaver programmiert oder?
Zur Zeit stecke ich ja beim programmieren meiner Bildergalerie fest. Vielleicht hast du mir da einen Tipp? Du hast ja eine Slideshow gemacht die auf JavaScript basiert nehme ich an?
Wirklich eine tolle Arbeit die du gemacht hast:)
Probleme die mit der Arbeit gelöst werden sollten; Bildergalerie mit mit JavaScript
Die Navigation meiner Webseite ist so gut wie fertig. Leider ist sie noch sehr leer. Nun möchte ich eine Bildergalerie programmieren. Ich habe gelesen, dass man die am Besten mit JavaScript macht.
So soll sie aussehen:
Ich habe schon diverse Tutorials angeschaut, leider nichts gefunden, was meinen Wünschen entspricht. Vielleicht kennt ihr ein gutes Tutorial? :)
Heute habe ich meiner Webseite neue Farben verpasst. Grund dafür war, dass die weissen Menüpunkte auf dem Hellblau nicht gut sichtbar waren. Und zugleich fand ich die Farben mit der Zeit ein wenig langweilig ;)
Hier die neuen Farben:
...
Ja genau es gibt diesen Code z.Bsp. #fff (weiss). Ich habe solch ein Code verwendet. Im Photoshop eine Farbe bestimmt und den Code kopiert und in die gewünschte Datei eingefügt :)
Neue Farben für meine Webseite
Heute habe ich meiner Webseite neue Farben verpasst. Grund dafür war, dass die weissen Menüpunkte auf dem Hellblau nicht gut sichtbar waren. Und zugleich fand ich die Farben mit der Zeit ein wenig langweilig ;)
Hier die neuen Farben:
http://jessica.portfolio.undknup.com
Vorgehen bei verschiedenen Problemen
Das letzte Problem, welches ich hatte, war eine Navigation mit Unterpunkten zu erstellen, die auch Horizontal sind. Leider habe ich nur eine vertikale Navigation hingekriegt:
Hier könnt Ihr sie anschauen:
www.jessica.portfolio.undknup.com
Mit Hilfe dieser Tutorials habe ich diese Navigation hingebracht.
http://www.silent-fran.de/css/tutorial/aufklappmenue.html
http://www.ohne-css.gehts-gar.net/0063.php
