This week I experimented with color choices and patterns. I have a pretty set color pallet, but I was wondering if I should add more primary colors and secondary colors to use to differentiate items on the learning platform. I used the colors in the icon revisions and groupings. I also made a few edits to the icon set, making a few one color and changing the circle colors.
In addition to experimenting with color, I added more patterns and experimented with color and opacity.
I then got back to work on the website. I spent a lot of time thinking about what information should be included in the website and determined that I need to make more detailed sketches before proceeding with the computer versions. I did not complete as much work as I had originally planned this week.
Next week I want to map out the website better and get into platform revisions and the social media options.
This week I continued to work on the OctoEd website. I created user task flows for 4 tasks: 1. Guest Access/ Sign Up for Newsletter, 2. Create Account, 3. Print Infor for Board Meeting, 4. Order Launch Kit.
After creating the user flows, I began to think about the naming of the launch kit and its function. The launch kit would serve as a free trial with "swag"/ promotional items, and literature on the product. I wonder if this should then be called a free trial or a trial kit.
I created 3 versions of the home screen of the website as well as the pop-up sign-in screens.
I also did some visual research on social media and communication options for the learning platform. This is in the form of handwritten notes and phone screen grabs. I did not include this in my presentation.
Lastly, I edited the icons for the learning platform. I included the last version for reference. I also tried a new version that was white with a thin black outline that was an unsuccessful version. I included it for the record, but will not be going forth with that version.
Next week, I will continue to refine the website and create the 3 other web pages including launch kit, ordering, and about us. I will also write and add text to the website. I will begin to map out the video that will be presented on the website. I also plan on continuing to revise the learning platform and continue with the social media/communication part of the platform.
This semester I developed a brand name, logo, word mark, visual system and branding system for my thesis project: OctoEd-Middle School Virtual Learning Platform. I created user flows and task flows for my UX design and developed wire frames and working prototypes for my platform, which were also user tested by individuals in my focus group. From there I began to apply my visual system to my wire frames and started developing a user friendly and intuitive learning platform. I also designed and applied my visual system to the student materials kit packaging, planner, laptop cover, pens, and mouse. It was a challenging semester. I got a slower start than anticipated but I think I got a lot accomplished in designing my visual system and brand as well as getting user feedback. Applying the visual system is slow moving, but each iteration shows improvement in the visual system and the usability of the deliverables.
Overall I am extremely happy with my progress so far this semester, however I can see how very far I still have to go. I am only at the beginning still and have a lot of iterating, rethinking, and user testing to go. I plan to re-think my direction with the learning platform and make sure that I am really addressing the most important challenges for middle school learners while providing an engaging and age appropriate solution. I also still need to narrow down the focus of the platform to something a little more manageable. I have simplified some of my goals with the learning platform this semester. My number one focus is to provide students with an inclusive space where they can feel connected to teachers and peers as well as easily navigate and have minimal distractions so that their primary focus can be on learning and being part of a classroom environment. I originally planned on designing the teacher side of the platform, but I removed that from my goals.
This summer I plan on taking a Strategies for branding course so that I can increase my user experience and design a platform that appeals to my audience of middle school learners. I want to continue refine and developing the learning platform to reduce extraneous pages and elements and really focus on my main goal for middle school students. In the fall I will be taking a packaging course so that I can improve my presentation and packaging skills. I will be working on the UX for my thesis throughout the summer.
As I begin the process of wrapping everything up for the semester, I am finally starting to see my visual system come together. Throughout the semester, my visual system has taken many twists and turns. It was slow to start but once it all started to come together, things began to move a lot faster. The most time consuming part of it all is the constant updating of so many elements of the thesis. As I refine and re-iterate the various elements of my visual system and deliverables, I then have to go through all the thesis blogs, websites and social media accounts to update the visuals. However, this also gives me the opportunity to give the visuals a test run before applying them to wire frames and products.
The last piece to come together has been the agenda. I have been working out sketches and ideas for a few weeks but because I hadn't finalized the visual system, I didn't apply it to the ideas. I wish I had begun this process sooner. I feel like they have a good start but also have a long way to go before they are complete. As I dig in to each element of the thesis though, I get a clearer picture of what I want the final product to be. I am excited how far it has come and am excited to continue to see where it goes!
This week I really dug into to my website and applied my visual system. It was fun to see the visuals on an actual website and how I could use them in different ways. I then updated my Blog as well as my OctoEd Facebook and Instagram pages. After I completed the website, I began to look at my learning platform and how I could apply the visual system to my wire frame. I decided to begin by redesigning the icons that I had begun designing last semester in Visual Communications Lab. I tried to get them as uniform as possible and I used only black and white. I don't want too many colors causing visual clutter on the learning platform. Applying the visual system to the login screen and student Student Dashboard was a little easier than the Virtual Classroom. I found that the more elements a page has, the less visuals I can use. I relied on colors and consistency in shapes and font colors and size to develop the visuals on the more complex pages.
After I completed some platform pages I focused on designing some of the Student Materials Kit. I designed and mocked up the pull-string bag, the computer cover, the touchscreen pen, and the Agenda cover. I still need to complete the inside spreads. I am having a difficult time finding a mock-up of a wireless mouse to use. I will continue to work on these items this coming week.
This week I spent a lot of time building my clickable prototype. I discovered that as I was building it, I was finding flaws in my own design and it really got me thinking about what to keep and what to leave behind. I think that the most important goals of my learning platform are to help middle school students feel connected to teachers and peers and to create a system where they get the benefits of a classroom (everything they need is in one place and they are contained to that space for the entire class period). Ease of access and functionality will allow students to focus on their studies instead of stressing over what app to be in and where they can find their assignments or how to submit them for what class. These are common everyday stressors for the average middle school student. While I want the platform to contain things like email, app library, and announcements, these pages are not important to the overall concept.
I went ahead and tested my platform with the tasks that I had initially planned out, even though I may be leaving behind the design of one or two of the tasks. I found that many of the students who used the clickable prototype had a hard time visualizing the platform in its wireframe state. I think that before I do another user test I will apply more elements from my visual system to help them feel more comfortable using it. Some of my testers were also quite timid, being 6th graders. They didn't give much feedback without prompting and direct questions. I decided to also have a parent test the platform to get some adult feedback. In the process, I also got some inside into how this website would be helpful for learning support and learning disabled students who join the class for inclusion.
I created a chart for user feedback, but here is a rundown of the user comments. I will be applying changes this coming week.
This week I added to and refined my task flows and wireframe for the middle school virtual learning platform. I decided that because there are so many possible tasks for this platform, I should expand on the tasks that I already addressed and make some additional ones. Last week I made wireframes for entering the virtual classroom (which included logging into the platform) and connecting with peers to create a virtual study group. I refined these by adding arrows to guide the user through the wireframes and tweaking some details. I then created 2 more task flows and wireframes: the first to find and complete a missing assignment (which I may change to past due assignment or late work), and the second to access yesterdays announcements (which also includes viewing today's announcement). I realized that I can show multiple things with one wireframe by going past the initial screens and showing how to navigate beyond. As I was working on the wireframes I did a lot of trouble shooting. There were many times when I had to completely rethink an organizational concept when I realized it didn't flow well. Another thing I realized was that I want to have the 8 main navigational options always available on screen, so I developed 3 options for that.
Beyond the wireframes I continued to refine my wordmark and logo. I think I am finally getting close to a final solution. I am happy with where it is headed. I continued iterating my visual system and thinking about how to apply it to my deliverables. I will start working out plans for the student materials kit this coming week so that I can apply the visual system to it.
This week I also continued to design my thesis website and decided to leave the 1st one I started and create one with Wix instead. I am much happier with this layout and website. I started to apply my visual system to my DS Chart and Materials Matrix and added them to the new website. https://antscheschlogoctoed.wixsite.com/my-site-1antscheschlogoctoed.wixsite.com/my-site-1
This week I spent a lot of time getting caught up from last and week trying to really experiment with a lot of visual styles for my thesis project based on my mood boards. One thing that I am really struggling with is my brand identity, mainly the word mark and logo. I am having a difficult time finding a way to find a balance between the two. I experimented some more but ultimately decided to reach out for help during the online office hours tomorrow and see if I can get back on track with my design after that. I included some older designs again to revisit the icon that I was most drawn to. I would like to find a compromise between the various designs.
User Flows to Wire-frames:
This week I created my first 2 sets of wire-frames for the middle school learning platform. I tried to continue visualizing the platform through the eyes of a middle school student. What would they look for in a learning platform? What would engage them? What would they find fun? I developed the wire frames 1st, for the virtual classroom. I wanted to design a space that was all inclusive, and organized. I wanted the student to feel like they were part of a classroom space with everything they need at their fingertips. Secondly I developed the wore-frames for the text chat to video chat feature. I wanted this environment to have the same feeling as a phone app. The students can use this space to socialize, join clubs or even create a study group. They can then join a video chat with or without a workspace. I am still hashing out the layouts for these screen but I have a good idea how I want them to look after creating the 1st set of wire-frames.
MFA Graphic Design Student at Academy of Art University of San Francisco (on-line)