Open serapath opened 2 years ago
Worklog Video 4 2022.06.25
03:40AM
Done
Create slides, wireframes and markdown files
@output
:package: Slides Deck@output
:package: Wireframes@output
:package: Markdown filesfeedback 2022.06.22
placeholder for feedback from discord about first wireframe explained in
worklog video 3
Worklog Video 3 2022.06.22
01:36AM
Done
Create Wireframes
@output
:package: Wireframesfeedback 2022.06.25
Done
Create slides, wireframes and markdown files
@output
package Slides Deck@output
package Wireframes
ok - first feedback - please fix the above worklog comments and outputs - more on discord - but otherwise, thx for the new worlkog.
alright, this is my feeedback for your worklog video 4 and the slide deck and wireframe output, see below:
i noticed the wireframes do not highlight the bottom button that is currently shown or active in the wireframe so it is difficult to always exactly know what part am i looking at. would you mind highlighting the button that we are currently navigated to?
view all
click and you show the next wireframe view with the title To do
? is it todo? is it events?
current
section?<
...if there is a button on the screen to quickly bring me to any place in the app, then maybe we don't even need the back button. you didn't say how it worksminute 1:15
when the user clicks on "events" and that is in the top menu bar, but there is also events in the bottom menu? ...is that the same? if so i would click instead on events on the bottom - if it is not the same, it should have a different name maybecurrent
on the calendar view are todos?todo button
in the top menu?
calendar
, todo
, events
, ...?it would be cool if the next wireframe iteration could include more details, especially for each item in todo list, event list, notifications list, etc... at least a timestamp
timeline
, events
, notifications
somehow change the viewsearch
and filter
are more features that could apply to any of the current viewAgain - i think we are on a good way and maybe we should start refining and showing mor details and use example data from the real wizardamigos history we have. ...we have so many past events and pictures and old websites and lessons and ...conference or video talks and so much more. we organized codecamps and in fact we will be organizing a wizardamigos code camp in england in september probably, so we can try to make the wireframe a bit more realistic with real data
It does not need to look pretty though - filling in some real wizardamigos data into the raw wireframes is ok. we will still need to adapt it a lot, so lets make it pretty later :slightly_smiling_face:
"types"
of timeline entries, like events or todos or new blog posts or new published lessons or whatever or maybe specific times or time ranges to only show the timeline items that match those criteria, but we would not have a separate screen for filterFirst, he current wireframe is not very detailed, it is an interactive wireframe to click through the entire app and each click shows all the features with example content, where we can click and swipe and enter some text into the search and see the results and then select and go back and forth and so on to really "simulate" how everything works.
The current wireframe you made is more like a single rough picture of every screen and it is what i imagine the slide deck to be.
The slide deck you made describes with text a little summary of each part of the timline/history view component we are making. This is exactly what should be written in a hackmd/markdown file including for each section each button and element and what gestures the user can make and if the user can use hotkey keyboard shortcuts when they use the app on desktop, and so on - all the details of each page so we know how this component should behave.
So in summary:
Worklog5 2022.07.05
10:12AM
Worklog6 2022.07.05
10:14AM
Done
Refined slidedeck, wireframes and Markdown files.
@output
:package: Refined slidedeck@output
:package: Refined wireframes@output
:package: Refined markdown filesfeedback 2022.07.13
Feedback about:
timeline
button is goodlist/calendar
toggle button next to the search bar?todos
events
notification
from the menubar too?imagine the upper half of the screen was the timeline you showed instead of the browser
and the lower half of the screen would show the notification history instead of "beach vibes"
feedback 2022.07.13
Done
Refined slidedeck, wireframes and Markdown files.
@output
package Refined slidedeck
The slides are:
@output
package Refined wireframes@output
package Refined markdown files
Worklog72022.07.16
10:18
Done
Refined wireframes
@output
:package: Refined wireframesfeedback 2022.07.16
Worklog7
2022.07.16
10:18
Done
Refined wireframes
@output
package Refined wireframes
Great, I love it. It was a good round of simplifying the timeline component :-)
Some additional feedback:
- Should I remove the view more and put scroll ?
yeah, infinite scrolling, somehow :-)
- Or should I design a long page that shows that the page is scrollable ?
isnt that the same. whatever works best, lets see.
- Should I remove the "Read more" and put "click on the this link to continue" ?
or an icon that indicates it is openable? how to other pages or apps do it?
- I don't actually get what you meant by there should be no overlay for the calendar details. Can you please send a screenshot of the overlay I included
oh, its the last pages in the wireframes. ...but anyway, not important. never mind.
- Okay...so the pop up notification should be removed ??
yes, because it is out of scope, because we will just trigger the standard android or browser notifications and they always look the same - no need to design them
or an icon that indicates it is openable? how to other pages or apps do it?
Normally what I see in other apps is similar to clicking on the "Read more" and it will direct the user to the browser. I haven't seen where an icon is being used for that unless it's a special feature you want us to input in the App
Worklog82022.07.22
01:55AM
Done
Refined wireframes 2
@output
:package: Refined wireframesWorklog9 2022.07.27
01:05AM
Done
Refined wireframes 3
@output
:package: Refined wireframesWorklog10 2022.08.03
02:05AM
Worklog112022.08.03
02:08AM
Done
Project ThemesDone
Font Selection
@output
:package: Project Themes@output
:package: Font SelectionWorklog12 2022.08.06
07:50PM
Worklog13 2022.08.06
07:55PM
Done
Custom IconDone
High Fidelity Design
@output
:package: Custom Icons@output
:package: High Fidelity DesignWorklog14 2022.08.10
08:55AM
Worklog15 2022.08.10
09:00AM
Worklog16 2022.08.10
09:05AM
Worklog17 2022.08.10
09:10AM
Done
Project Themes 2Done
Project Themes 3Done
Light ModeDone
Dark ModeDone
Interactive Prototype
@output
:package: Project Themes 2@output
:package: Project Themes 3@output
:package: Light Mode@output
:package: Dark Mode@output
:package: Interactive Prototypefeedback 2022.08.10
Worklog14
2022.08.10
08:55AM Worklog152022.08.10
09:00AM Worklog162022.08.10
09:05AM Worklog172022.08.10
09:10AM
Done
Project Themes 2Done
Project Themes 3Done
Light ModeDone
Dark Mode
Done
Interactive Prototype
@output
package Project Themes 2@output
package Project Themes 3@output
package Light Mode@output
package Dark Mode@output
package Interactive Prototype
sweet. watched all the worklogs watched all of it. great. pretty awesome. I like the light theme and the dark theme
i think i have two minor comments
"x" icon
to me feels like i would be removing or deleting the entry from the timeline
so maybe we can find a better icon for expand/collapsetask:
can you now also add 2-3 themes where you use the crazy color palettes (maybe even with gradient) that you showed in your themes?
...just check the pictures in the links below for some inspiration for styles. Maybe we can try to make a few more themes, not just the dark and light theme that you did, but one for each theme shown in the pictures in the links below
"event icon"
or "todo icon"
or "interview icon"
or "web course icon"
or "lesson icon"
or etc... so instead of just colored icons we try some different ones.and/or change to different but matching fonts Next to it, we can also experiment with the different fonts :-) Maybe some crazy new fonts that fit the above themes well?
Just to play a little bit how crazy we can go with this :-) It is just a theme.
Okay....
for themes: if you can try to make the app somehow look in the style that those example links show, that would be cool :-) ...one after another
...basically: font, borders, backgrounds, etc... we could try that
...
not remove the x
icon, but maybe replace it with something better.
did you google search for: "expand collapse icon" ? i just think there are better icons than an x
otherwise click to expand and click again to collapse is great
Worklog18 2022.08.16
02:00AM
Worklog19 2022.08.16
02:01AM
Worklog 20 2022.08.16
02:05AM
Worklog 212022.08.16
02:10AM
Done
Refined High Fidelity DesignDone
Refined Interactive PrototypeDone
GradientsDone
Font Replacement
@output
:package: Refined High Fidelity Design@output
:package: Refined Interactive Prototype@output
:package: Gradients@output
:package: Font Replacementfeedback 2022.08.16
Nice. Love the gradients. Love the new icon set, where each icon represents more the type of timeline entry. The subtle font changes are great too, so yet, we can finish this i think. Overall I am very happy with the results :-) Thanks.
Worklog 22 2022.08.20
01:19AM
Done
Font Replacement CompletedDone
Icon Replacement
@output
:package: Font Replacement Completed@output
:package: Icon ReplacementWorklog 23 2022.08.20
12:50AM
Worklog 24 2022.08.20
12:05AM
Done
GlassmorphismDone
Skeumorphism
@output
:package: Glassmorphism@output
:package: SkeumorphismWorklog 25 2022.08.27
02:10AM
Done
Flat Design
@output
:package: Flat Design
@todo
@input
:package:what have we built hackmd
from #45@input
:package:history content slides
from #45@input
:package:brief summary slide deck
from #42@input
:package:concept outline description
from #46@input
:package:wizard amigos summary page 1
from #103@input
:package:wizard amigos summary page 2
from #103@output
: :question:history/news viewer slides
@output
: :question:history/news viewer linked markdown file per slide in "./slides/<slidename>.md"
@output
: :question:history/news viewer wireframes
@input
:package: Slides Deck@input
:package: Wireframes@input
:package: Markdown files@output
: :question:Refined history/news viewer slide deck
@output
: :question:Refined history/news viewer linked markdown files per slide in "./slides/<slidename>.md"
@output
: :question:Refined history/news viewer wireframes
@input
:package: Refined slidedeck@input
:package: Refined wireframes@input
:package: Refined markdown files@output
: :question:Refined history/news viewer wireframes
@input
:package: Refined wireframes@output
: :question:Refined history/news viewer wireframes
@input
:package: Refined wireframes@output
: :question:Refined history/news viewer wireframes
@Input
:package: Refined wireframes@output
: :question:High Fidelity Design
@output
: :question:Light Mode
@output
: :question:Dark Mode
@output
: :question:Project Themes
@output
: :question:Project Themes 2
@output
: :question:Project Themes 3
@output
: :question:Font Selection
@output
: :question:Custom Icons
@output
: :question:Interactive Prototype
@Input
:package: High Fidelity Design@output
: :question:Refined High Fidelity Design
@output
: :question:Interactive Prototype
@output
: :question:Gradients
@output
: :question:Font Replacement
@output
: :question:Icon Replacement
@output
: :question:Glassmorphism
@output
: :question:Skeumorphism
@output
: :question:Flat Design
@info
This has to do with everything about the History/News feed of Wizard Amigos from the past to present. Creating a mobile App that can help users to easily navigate through whenever they are going through the History/News feed of Wizard Amigos. This mobile App, has basic features which includes :
Inspirations for this was gotten from : Imgur , Hacker News , Reddit