selectcode / homeme Goto Github PK

View Code? Open in Web Editor NEW

4.0 1.0 0.0 3.5 MB

personal home office assistant 🦜

Home Page: https://pause.selectcode.de

License: Apache License 2.0

CSS 0.15% Vue 73.18% JavaScript 4.53% TypeScript 22.15%

office-assistant vuejs nuxt homeoffice wirvsvirus office

homeme's Introduction

HomeMe

your personal home office assistant

Inspiration ✨

Bring the Office to your Home! Wir vernetzen & inspirieren alle Menschen, die im Home Office arbeiten (müssen). Unser Ziel ist es, euren Arbeitsalltag zu verbessern, euch zu motivieren und so die Produktivität aufrecht zu erhalten. Mit unserer App kreiert ihr euch zuhause euren Happy Space und übersteht die Corona Krise mit Leichtigkeit & Spaß!

What it does ⛑

Unser Tool hilft Dir, den Home-Office-Alltag in den Griff zu bekommen. Es bietet Inspiration und Begleitung, den ganzen Tag über. Die Vernetzung und der Erhalt des Gemeinschaftsgefühls ist gerafe in der Isolation in der Corona-Krise besonders wichtig. HomeMe gibt außerdem Tipps zur Pausengestaltung und bedient verschiedene Vorlieben und Charaktere.

How we built it 🔨

HomeMe wurde mit <3 und viel Teamwork von einem interdisziplinären Team in Deutschland entwickelt. Unsere Technologien basierend momentan weitgehendst auf Typescript und Vue.js. Momentan haben wir noch kein Backend und lesen unsere Daten aus Airtable. In der Zukunft planen wir ein Backend oder eine Datenbankanbindung zu implementieren, um so unsere Webanwendung noch besser zu machen.

Challenges we ran into 🏃‍♂️

Das Festlegen von erreichbaren und guten Zielen ist eine allgegenwärtige Herausforderung. Ein großes Projekt in 48 Stunden mit einem Team von 11 Personen abzuwickeln, benötigt ein großes Maß an Koordination und parallelem Arbeiten. Dieses Problem konnte jedoch durch regelmäßige Absprachen und klar definierten, mit jedem abgestimmten, Ziele gelöst werden. Um eine Anwendung zu Entwickeln, die für jeden Nutzer eine individuelle Erfahrung verspricht, musste ein Algorithmus entwickelt werden, der mit Hilfe von Anwenderdaten das Pausenprogramm individuel zuschneidet. Ein Tool, das Nutzer durch den Tag begleiten soll, muss gut aussehen! In der Anfangsphase des Projektes gab es keinen Designer im Team, der diese Anforderung an das Tool erfüllen konnte, sodass eine Expansion des Teams im Verlauf des Projekts unausweichlich wurde.

Accomplishments that we're proud of 💪

Wir sind stolz ein Tool zu entwickeln, dass auch nach der Corona Krise einen gesellschaftlichen Mehrwert bringen wird. HomeMe verbessert die Produktivität und Gesundheit von allen Menschen -- im Home Office, aber auch am Arbeitsplatz! Großartiges Teamwork und die Offenheit zu lernen sind nur eines unserer Erfolgsgeheimnisse! :)

What we learned 👩‍🎓

Für eine hohe Produktivität sind Pausen unbedingt notwendig und nichts, wofür man sich schämen muss. Home-Office bedeutet auf keinen Fall Isolation, denn der soziale Aspekt der Arbeit muss nicht zwangsläufig verloren gehen. Die 4 wichtigsten Säulen einer effektiven Pause sind die Dauer, soziale Aktivität, körperliche Aktivität und geistige Aktivität. Insbesondere kurze Pausen von einer Dauer von 1 bis 5 Minuten sind besonders förderlich.

What's next for HomeMe | Personalisierter HomeOffice Begleiter

Wir wollen euer Feedback um HomeMe noch besser machen! Benutz unsere App, schmeißt fette Avatar-Home-Office-Parties und vernetzt euch mit euren Kollegen. Mit Hilfe von künstlicher Intelligenz machen wir unsere App für euch noch smarter. In der Zukunft wollen wir euch so eine noch bessere User Experience bieten, mit individuellen Pausen Plänen und noch benutzerfreundlicherem Design.

Sponsors:

Thanks to Daniel from nolt.io for providing us free access to a feedback board!

Developer setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

homeme's People

Contributors

Stargazers

Watchers

homeme's Issues

Pausen favorisieren

Fix minor spelling issues

"Meine Aufgabe ist es**,** Dich ..."

"Wähl mich**, um** ..."

In all avatar texts: Replace "während Deines Home Offices" by "während Deines Homeoffice-Alltags"

Pausen Likes/Dislikes

Check links for homeoffice memes

Some of them are not correct (according to user feedback).

Collect feedback

We should link a form / or feedback box in the site to get additional information

UX Design zur Erklärung der Funktionen und benutzerfreundlichen Einstellung personenbezogener Daten

Problem
Einführung in das Programm, Einstellungen und die Auswahl des persönlichen Avatars sind noch nicht besonders intuitiv und können leicht übersehen werden. Da der persönliche Zuschnitt das Merkmal von HomeMe ist, dürfen diese Funktionen nicht untergehen.

Ziel
Nutzer können das volle Funktionspotential aus HomeMe ausschöpfen, ohne mehr Zeit in der Einfürhung investieren zu müssen.

Umsetzung
Bisher wird der Nutzer beim Start der Anwendung nach seinem Namen gefragt:

"Willkommen! Mein Name ist Peter. Wie heißt du?"

Daraufhin gibt der Nutzer seinen Namen ein.

"Schön dich kennenzulernen, Niclas!"

"Ich werde dir helfen, dein Home Office so produktiv und angenehm wie möglich zu gestalten!"

"Du kannst sofort loslegen, oder mir noch etwas über dich erzählen. So kann ich dir optimal helfen!"

Jetzt erscheinen unter der Sprechblase zwei Buttons:
"Sofort loslegen" und "Personalisieren"

Möglichkeit 1 - Sofort loslegen
Direkter Start in die Anwendung.

"Du kannst HomeMe auch später noch personalisieren."

Dabei blinken für 4 Sekunden zwei Sprechblasen neben dem Avatar Auswahl Button mit der Aufschrift "Avatar ändern" und über dem Settings Button mit der Aufschrift "Arbeits- und Pausenzeiten anpassen" auf. Danach wird der Nutzer in Ruhe gelassen und die Anwendung nutzt die voreingestellten, üblichen Werte.

Möglichkeit 2 - Personalisieren
Dialog geht weiter:

"Ich kann deine Pausenzeiten perfekt auf deine Arbeitszeit anpassen! Dafür musst Du mir nur sagen, wie lange du üblicherweise Arbeitest, und wie viel Pausenzeit du zur Verfügung hast"

Daraufhin erscheinen unter der Sprechblase die gleichen Schieberegler wie aus dem Settings Menü, mit den jeweiligen Aufschriften. Der Nutzer tätigt seine Eingabe und bestätigt mit dem "Okay!" Button unter den Schiebereglern.

"Super! Essen und Trinken sind sehr wichtig für produktive Phasen und Dein Wohlergehen! Möchtest du, dass ich dich daran erinnere oder eine Essenspause einplane?"

Jetzt erscheint unter der Sprechblase die Optionsfelder für Snack Erinnerung, Trink Erinnerung und Luchbreak. Der Nutzer bestätigt wieder mit "Okay!"

"Eine letzte Frage - Ich verbringe sehr gerne Zeit mit meinen Kindern! Wenn Du Kinder hast, passe ich deine Pausen auch gerne darauf an!"

Optionsfeld für Kinder erscheint, Nutzer bestätigt mit "Okay!"
Jetzt passiert genau das, wie in Möglichkeit 1 beschrieben.

Alle Einstellungen werden in Cookies gespeichert und beim Neustart der Anwendung wieder abgerufen.
Startet der Nutzer die Anwendung erneut, kommt über dem "Lass uns Loslegen" Button zusätzlich eine Auswahl der Smileys mit der Überschrift "Wie fühlst du dich heute?"
Beim Hovern über die Smileys erscheint unter dem jeweiligen Smiley eine Sprechblase mit einem kurzen Infotext (tbd) über diese Stimmung. Es wird erklärt, welche Auswirkungen diese Stimmung auf die Auswahl der Pausen hat. Ist eine Stimmung ausgewählt, kann der Nutzer die Anwendung über den "Lass uns Loslegen" Button starten. Wird keine Stimmung ausgewählt, wird automatisch "neutral" ausgewählt. Die Stimmung kann im nachhinein nicht verändert werden.
Die Auswahl wirkt sich insofern aus, dass bestimmte Pausentypen bevorzugt vorgeschlagen werden. Dies wird durch einen blauen Rahmen um die spezielle vorgeschlagene Pause dargestellt. Außerdem ist diese Pause stets in der Mitte und etwas größer als die anderen Vorschläge. Der Avatar sagt daraufhin

"Pause {0} ist heute mein Favourit!"

um ganz deutlich zu zeigen, welche Pause die am besten passende Pause ist.

Layout mobile
Schriftgröße bei kleinen Displays