Reproducing this Twitter tray to understand it better. I learned a bunch about spacing objects on the screen and also how to handle the character spacing of text at varying sizes. You can increase the character spacing when dealing with smaller text and decrease it when dealing with larger text.
This might be an obvious insight, but it's cool coming to these realizations in your own way.
Nice clean list. Inspiring use of spacing and separation.
Cool little tray.
I am still creating variants of each component. The menu tool at the bottom is far from complete, but I'm digging this change from green to purple to mark projects that have you added to for the day.
Starting to generate variants of each component in this Interface as a way of thinking about what works and doesn't. Or what works best and what works just a bit.
i Like this little component a bunch. Good sizing of everything.
Added an outline around the profile image, needs work. Playing with variations of how it might look if a particular icon is selected in the bottom menu. Not sure how I feel about it right now. Maybe it needs to feel more alive or something.
Adjusted the top buttons to be text instead of icons with a slider inspired by iOS. Starting to build out the persistent bottom menu. Not sure how I feel about the size of the + button yet. The profile image should link back to the user's profile but that probably needs to be more obvious.
Digging the way this outline pops or something. There’s a subtle shadow around the bottom that is nice. A cool mix of greys.
Experimenting with an adjusted menu button. And a tray of buttons at the top of the interface depending on what you are viewing. I'll need to see this on my phone to see how it feels. Might be a dumb idea but I'm kind of digging it for now.
The Design of Everyday Things by Donald Norman
Two of the most important characteristics of good design are discoverability and understanding.
Discoverability: Is it possible to even figure out what actions are possible and where and how to perform them?
Understanding: What does it all mean? How is the product supposed o be used? What do all of the different controls and settings mean?
I've started studying, 'The Design of Everyday Things' by Donald Norman. It's been brought up with me a bunch of times. Pretty cool so far.
Really dig the spacing and sizing here. I wonder if that little line separation has to be there. Button size is neat. I like how compact this whole component feels.
Thinking a bunch about rounded corners. Integrating them into the Log on Futureland to see what I learn.
Starting to dig really round corners. Not sure why yet
Really dig the way this looks especially the shadow under the album cover. It hangs a bit lower than my brain expected. Makes me happy
Studied Twitter's input component a bunch today and started interpreting insights in my own way.
Working through this reproduction of Logic Pro X. I think it's interesting at least on Interfaces like this how buttons are grouped. A group of buttons is a small collection of everything a user might need when they try to transform something in a specific way.
Starting to work on reproducing the interface for Logic Pro X. This is going to take me a bit. On Mac applications the buttons follow the same pattern. There's a slight adjustment in Logic Pro X, the buttons are a bit lighter and larger than in other applications. The shape remains relatively the same.
There's subtle details on the buttons that I can't figure out how to reproduce. I can't exactly match the grey right now. And there's a flatness to the button that is hard for me to replicate for some reason. It's bothering me a lot. I'll keep messing around.
Just got a bit of time tonight. Adding visuals to 'Activity'.
Finishing up this reproduction of Safari. The difficult part for me here was the icons which I repurposed from other places. The most learning was in how you can use greys and gradients to create a metal like feel where the controls of the browser are. I'm just starting to see the parallels between industrial design and the interfaces of Software. Still have a lot to learn.
I started reproducing the Safari window tonight. I might have accelerated this video too much, but I find that reproducing Interfaces like this is one of the best ways for me to learn and think about things on a deeper level.
I use the same approach when reading. If I want to really understand something from a book or from somewhere on the Internet, I transcribe every line and make notes during that process.
In general I'm curious to see what I learn from reproducing the interfaces of a bunch of Mac applications. Things like, Final Cut Pro, Logic Pro X, the finder window, notes, etc.
I'll work on this more tomorrow.
I was chatting with @pugson and he suggested adding a component to the top of the Profile stream that allows for composition and inputs. This seems to make sense. I am not happy with this interpretation yet. The right one will take some time.
A component like this might be useful on all of your projects as well.
I was talking to friends who use FL yesterday about the Log. A common note that came up was, "Why is my Log always empty?". It is not currently clear how to add Projects to the Log. Currently you click an arrow that points left and it reveals a drop down menu. I thought maybe using an equalizer icon might be more fitting. Maybe it should be on the right side of the interface instead of in the center. I have always seen the Log as something that allows you to bring your projects in and out of focus.
The Log works well for me and I use it every day. I think there's value in starting to slowly tighten it up. I would love to one day see a visual of the times I usually publish on Futureland. It might create a heightened awareness of my behaviours.
Starting to think through basic sketches of a grid that displays recent outputs from projects and people you follow on Futureland. I don't have much time today, so just getting something down for reference really.
A thing to think about is what might be most important. Highlighting a project that has been updated and letting it oscillate through outputs or displaying the latest output it self. The text currently displays a preview of the output's notes which I think makes sense and provides the closest relationship to the creator who published.
Naming this open space 'Stream' instead of Outputs because the things you share here will not just be 'Outputs' but could be any artifact from your process at all. The name can obviously be changed and I figure you'll tell me if you hate it.
I also added a Follow button to someone's profile. Maybe on Futureland you can Follow a person and everything they publish or just a specific one of their Projects.
All of this is experimental.
Had a bunch of conversations today. One of them was with @emu and he talked a lot about how he wished there was a 'thinking space' on Futureland. A space to share various artifacts from your process or consciousness that might not be part of any project yet. I thought this made a lot of sense. There's a lot I want to share on Futureland, but I don't always have a place for it. I started to share this concept with others and the response was immediately positive.
So I started sketching some interfaces for a feed that shows all of your outputs including random ones. The idea is that when you visit someone's profile you can see all of the projects they are working on but then flip over to an 'outputs' view where you can see a feed of every artifact from that person's process. A place where it's fine to be messy. And when an output / artifact is associated with a project it will add a project tag that you can click.
Not a fan of calling this feed Outputs But might be a good place to start.
Continuing a train of thought from last night. When you hover over this Project object, the object illuminates since it sits on a black surface. Still not working yet, but I think the concept of illumination is directionally correct.
Another night just kind of thinking about design and looking at objects, designing random things. It's been interesting and I feel like I'm finally starting to dive into this in my own way. The main thing I was struggling with was how to break down design into something that I could relate to and process in my own way. How do you break down a feeling into components? I started to find some kind of answers by looking at physical objects more in various light conditions and asking how I feel or why it might be designed the way it is.
Still have a lot to learn.
Spent a bunch of time just studying interface design tonight. I've been thinking a lot about simple icons that fulfill multiple purposes. It might be something that we can incorporate more into Futureland.
Working on an Interface for updated project settings on Futureland. It's part of connecting Futureland projects to Twitter threads.
Later night than I wanted. Making some improvements to this design for how direct messages might work on mobile. Added a button to the top left that will trigger your conversations to slide out from the left. Still thinking this through the. Not sure how I feel about this icon. And need to review other elements I might be missing.
Simple improvement to mobile menu to make it easier to use. A suggestion from @lucas.
An interface to connect everyone learning a specific skill
I added icons to see if it makes this view more informative at a glance. At this point I think the most important events are when someone new starts a project, when someone creates something or when a user interacts with another project. I still think the spacing is off here but maybe it's good enough as a starting point.
Functionality for the future that I was thinking about was, what if there was automatic grouping of users learning the same skill. For example if you decided to learn how to code you would automatically be connected with 3 others in some type of group chat. Just something to think about in the future.
An interface to connect everyone learning a specific skill
Thinking through how this might look on mobile. Definitely not happy with this yet. Just feels off and like it is missing something fundamental. Within the activity portion of the Interface it's difficult to just glance at the view and quickly understand what's going on. I have some ideas and I'll play with more tomorrow.
An interface to connect everyone learning a specific skill
Adjusting the location of the Join button. Moved all primary content lower on screen. Moved key information about view including number of projects, number of outputs and number of users to the top left.
This is an interface that attempts to connect anyone learning a certain skill. I added number of users to the info in the top right corner and I added a Join button to the center of the Interface. Not sure how I feel about its position yet. I might think about this on mobile to better understand how something like this should work.
Tonight I started working on a new interface. It aspires to connect everyone who is learning a certain skill. The general idea is that once you decide to learn a new skill, you should be able to turn on any computing device and immediately be connected to everyone else in the world who is learning that skill right now. I am limited in my abilities as a designer here, but I think on a conceptual level this could be really cool. There's a lot to work through.
I am thinking maybe we start by trying to connect everyone doing #100DaysOfCode projects on Twitter and see what happens.
Slight adjustment to the project view. Integrated total project outputs with Twitter share and link copy buttons.
Adjusting project design to display the total output number at the top. Adjusted position of Edit project text.
Working on a new output block for link previews.
Making some small improvements to profiles. Adjusting spacing of key information and adding a space for a url.
Working on direct messages on FL. Finishing remaining empty states, adjusted the input field to be more readable. Talked to @lucas and made some decisions on when @ for users is used on the Interfaces and when it isn't.
Empty states for direct messages. Added new message icon which triggers a search function for you to select who you want to message.
Making adjustments to the direct message design based on early sketches of a mobile use case.
Thinking through direct messages on mobile. Still a bunch of stuff to do here.
Added a subtle input prompt for this direct message interface, input styling and send button which only appears once you start typing. Switching back and forth on font styling. I think this is cleaner and better.
Working on the direct message interface a bit more. Pulling inspiration from IRC.
Sketching out a minimal direct message interface for Futureland
Starting to explore subtle improvements to the output component on Futureland. Specifically, trying to make who's publishing more prominent. This is still very very far off. Have to experiment with various output types and profile images. And just trying to make it better in general.
More work on a list view for profiles. Starting to experiment with using small rectangles and then anchoring attributes like output number and marathon state just slightly outside of it. Need to see how this looks with longer project descriptions. Still not there yet but I'll experiment more. Maybe there's some aspects of the Log that I can incorporate here.
More work on a potential list view for profiles. This still needs a lot more experimentation. Obviously real world project data but also what's the best to highlight outputs or Marathon projects. The part I like about this is the simple distillation into text.
Starting to think through what a list view might look like on projects. I think this might be useful for users who have lots of projects on Futureland. This sucks right now and it needs a lot of work. I'll experiment with more.
Thinking through quote blocks on Futureland. This needs work, not sure how I feel about it yet but it's a start. It's funny I'm doing this for the first time ever in my life.
Starting to add more contextual real world data into these markdown styles to see how it feels. I ended up changing the code block, adjusted the colour of the text and made the background darker. These code blocks might not be ideal in terms of contrast on low performing displays, but I think I like them. I'll need to play with this more though and get some more perspectives.
More thoughts on markdown styles
Slow day today, just starting to define some mark up styles
Getting down my own thoughts on a little Mac app for Futureland. But definitely not working right now.
I have been using the new log concept daily and adjusting the design based on my experiences. Design now includes a quick reflection of yesterday's output when you open the log for the first time each day.
Adjusted the design of the log so that you can add new projects to it without leaving the Interface. And added text that explains the purpose of the log when a user opens it and has not added any projects to it.
Adjusted spacing and label positioning on stripped down version of Log. Starting to work on a desktop version now. I'm thinking, since there is more space - should other things be included? Should be integrated with another view. Not sure.
Stripping this down so we can implement and start playing with it. @lucas put something together already and we've started using it to see what works and doesn't work. Really stoked on this.
Still playing with this, I'll try to finish it this week.
More work on this daily log concept for Futureland
Really excited about this concept. I've started sketching out a new tool for Futureland that we're calling, 'Log' for now. The idea is to have a single and immediate daily view that shows you how you're doing across everything you're making and learning using Futureland.
It will show you things like: a streak for each project, the last time you added an output and perhaps how many outputs you made that day. I think this could be really useful tool, especially when connected to Futureland's other components.
Working on a component for 'windows' you use when setting up new projects. Definitely not working yet. I need to do more research and find some interesting references for this.
Working on field components - I think I am liking this direction.
Working on components for fields. I'll think of a few more here. Pretty straight forward right now. I'm not happy with the disabled / inactive states yet. I feel like they could be more interesting some how.
Thinking through button concepts. It's really helpful to break down a set of Interfaces into components like this. But I still have a lot to learn. And I think there is a separation between components and mechanics in the Interface if that makes sense. I'm probably using all of the wrong language, but I'm having fun and want to understand this a lot more.
Starting to design from the perspective of components. This is something I need to work on and study a lot more. I'm really stoked to dive deeper into this soon.
Finished a draft of this settings menu.
Working on Profile settings for Futureland. My days are super busy right now and I have a little bit of time each night to design.
A little bit more work on a new settings menu. Adding hints and explanations. I might have to cut these down a bit.
Hanging with @marvindraws and working on improving 'Settings' across various Futureland functions. Going to bed… zzz
Thinking about how we might express thoughts, insights or random artifacts that we are learning about our users on the Activity page.
Cleaning up the menu on Futureland bringing more focus to Activity and Profile.
Adding an edit state to this simple settings menu. I think @lucas might be implementing this tomorrow.
Working on a really, really basic settings menu
Super busy day almost forgot to design something. Was walking to bed and then had to turn around and turn my MacBook back on. I'm sketching out a new login screen for Futureland and for some upgrades we have coming to authentication in general.
More work on a text based activity feed. Not a fan of this blue, but not sure what other colour to use to retain a functional feel yet.
Thinking through a simple text based representation of various kinds of activity on Futureland as a means of exploring for now.
More thinking into how to highlight projects that have outputted across 365 consecutive days. Wondered if it made sense to call these projects 'Marathons'. I tried the word 'Skill' but it didn't quite make sense, because skills are not limited to the results of these projects. Hm, maybe the word Marathon could work in this context. What do you think?
Working through some concepts for a web based deck for Futureland.
Thinking through text only outputs on Futureland. Should the text be limited and then expanded or always show in full view?
Thinking through some kind of verification and highlighting for projects that have outputted across 365 consecutive days. Open to any feedback on this. I'll be putting a lot more time into Interface Design in general over the next bit.
Quick sketching through a concept where you could a model of the Earth to explore various projects happening around the planet. To make this work, Earth would have to be visualized in a way where some of the information is removed. Things like clouds and colours may be unnecessary. The idea is that you would explore projects by geography and based on what you see you might connect with the projects in various ways.
random graph thing
Random sleep chart thing, thinking about sleep… limited time on outputs for this month but still making very mediocre stuff
Sketching out more random concepts for how someone might explore projects on Futureland on mobile. Kicking the can as usual
Resting this weekend, made something random. But it was nice to just click around and not think a lot.
Taking the day off gn
Wondering how users can explore projects on mobile and explore Futureland in general on mobile. Kind of lost with this right now, probably need to spend some time writing about it / studying interface design on mobile a bunch more.
Super limited time tonight. Started thinking through how users might explore project Journals they are subscribed to when viewing Futureland on their phones.
Making more adjustments to this home page concept for Futureland. Trying to simplify it and remove elements to see how it works. Also increasing its width.
More thinking on an adjusted home page for Futureland. It puts more focus on the question we're trying to answer which is becoming the nature of this experiment in general.
Sketching an improved version of the home page for Futureland based on some good conversations
Early thinking on how we might handle subscribing to projects on Futureland and how someone might view all of the projects they are subscribed to
Don’t have my Mac so sketching some pretty terrible interface ideas on my iPhone.
Something I’ve been thinking about is how should a feed work on Futureland? I don’t think it makes sense that you would see an output out of context among other outputs out of context. Perhaps the feed would just be a display of projects you’re interested in that have been recently updated and you can decide to go into them to explore further?
Spent most of my time working on a film about Futureland today. Just seeing how a video might fit into this concept.
Adding a table of contents to this concept that explains the history of Futureland and other data.
a sketch of a page that explains the current state of Futureland, aspirations, hypotheses, challenges, data.
Trying to eliminate the pop up window when users are adding collaborators to Journals.
Ideas on how users will add collaborators to their Journals
Starting to sketch out a concept for a new screen
Building on this full screen comment window…
I'm still on a limited schedule but I played with this a bit more, randomly dragged the comment window out to the full width of the image and its kind of interesting.
Trying to make more visual improvements to comments. Not happy with the way this right now…
Trying to make some visual improvements to comments on Futureland.
Thinking through visual improvements to comments on Futureland
Sketching out ideas for how to handle collaborative Journals on Futureland.
A little more work on this onboarding concept. Spent the whole day writing code. I'll probably take a break from this for now because something about it feels off right now. My mind is pretty occupied by with some code I'm trying to work out.
A bit of work on this visual onboarding thing
More sketches on how to introduce people to Futureland
A few more steps with this visual onboarding concept
Working on a new visual onboarding concept for Futureland. I'm feeling pretty good about this. The idea is to create something that feels like a video but occurs right on the Interfaces that the user will be using. This could be an interesting way of sharing the purpose of each Interface and its components.
Experimenting with more visual on boarding concepts. This still needs a lot of work but I'm getting a better sense of how to handle this. It's kind of like a video that explains something, but each component of the explanation is triggered by a click in a visually appropriate location.
Starting to think through some visual onboarding concepts for Futureland. A lot more to do here.
Very tired, just sketching whatever tonight. Good night
Making some more minor tweaks to Futureland's home page.
Early sketches on some kind of project based feed for Futureland. A lot of work to do here.
Making a few more improvements to the home page concept. I'll work on this more tomorrow.
Thinking through more improvements to Futureland's home page. I need to make a video assets to continue to get a feel for this. I'll probably do that tomorrow.
Sketching out improvements to futureland.tv
Still trying to figure out the best way to handle comments, needs more attention.
More thinking on how to handle comments, what if I force everything to the right side? I still have a lot to learn about screen design in general.
Thinking through how comments might work on Futureland outside of the timeline.
Sketching out new improvements to Futureland's homepage. Updating all of the Interfaces to display the current iteration of the tool, considering how visitors might be able to explore projects and building out components that show various use cases. I'll need to start making a few videos to progress further on this update.
More work on the timeline of Journals
Sketching some thoughts on improvements to Journals.
Thinking through how users will edit projects.
Thinking through how a new user might select a profile picture when they first start out on Futureland. I'll need to start thinking through a settings menu soon.
My friend and filmmaker Karl Kai came by the house today. He set up his profile on Futureland - futureland.tv/karlkai - and gave some really good feedback on the tool. It was a lot of fun. This oscillation of working all day on something and then opening that something up to feedback in the evenings has worked really well for me in Film and it seems to be working well in Software as well.
Here I'm thinking through how we might realize some improvements to the timeline on the Project Journals. I'm really excited about this.
Worked on a bunch of different Interface improvements today in Sketch. This is an Interface to create new projects on Futureland. It's a system that was created when we were trying to figure out how new users would register for Futureland. The concept is we cut to a full screen Interface that is hyper focused on a singular purpose in certain key instances. Here we are repeating this system when a user creates a new project on Futureland.
Spent a few hours working on improved interfaces for some upcoming changes to Futureland.
Working on concepts for a profile that displays a user's projects.
This is the longest amount of time I have spent designing in a single day. It was fun, I'm learning a lot.
Working on concepts for a new homepage and project creation workflow. We made a lot of progress on this today.
Sketching some ideas for handling audio on the output editor. Had a good session in general today working on Futureland interfaces with Lucas.
Here I am working on an improved login screen for usability. It's an easy Interface to use but everything is too small on the screen right now. Then I spent a bit of time thinking about buttons. And then reworked the publishing view again with the results of my button experiments. I'm liking where it is going. It seems like the more I strip away elements and focus on spacing, placement and size, the better things feel.
Tomorrow Lucas Fischer, a software developer arrives in Toronto from Germany. We met on the Internet about 45 days ago. I rented a house for us in a cool neighbourhood in the city. We'll be living together for a month and working on Futureland. It'll be interesting to see what happens.
I'll write more about this tomorrow.
I am still tweaking the publishing view. I started removing more elements, playing with the typography and weight. I adjusted spacing as well and had a lot of good conversations about UI today in general. It's interesting how detailed it is and how much you have to just keep playing with things until it starts to really work. It's just like learning other disciplines as well in that you have to be willing to make a bunch of terrible things before you make good things. This can be harder when it's visual. Most people don't want to be seen as someone who lacks taste or aesthetic sense, but the reality is that it's about combining patterns, learning from references, understanding people and computers. The idea that you can just start organizing all of those things into coherent Interfaces is not realistic. It takes time and it takes practice. You have to make a lot of things and see what happens.
Giving myself a bit a break tonight. Just some simple stuff. Good night.
Still reading about interface design and applying some of those lessons to sketches of the publisher on Futureland. I'm still learning about visual hierarchy and the appropriate ways of emphasizing something, often by de-emphasizing something else.
Tonight is my last night Mexico and I'll be flying back to Toronto in the morning for an intense January and February.
I spent a bit of time studying Interface design before creating something in Sketch. I did this a lot while learning how to code, reading a lot of books and creating at the same time. I think a natural transition is happening in which I'm starting to put more focus into design.
For something to feel designed, it has to feel as if a lot of thought and consideration has gone into each material you are seeing. When something feels 'designed', it's as if it 'knows' you in some specific context. Perhaps quality of design = quality of thought expressed through materials.
Spending some time thinking through how users might interact with someone else's project. There's still a lot of work to be done here.
I also need to start spending more time studying user interface design in general. Both the technical operations of Sketch and various design philosophies as well.
Thinking through improvements to the upload interface. Making text bigger, changing the word 'push' to 'upload', increasing the size of buttons and refactoring the layout of the audio interface. Will continue experimenting with this over the next few days.
There's a lot more I have to study and experiment with, but I'm learning a lot.
Limited time today. I spent the time that I did have thinking through elements for the audio interface on Futureland. I'm so used to putting most of my time into writing and studying computer programming. I need to figure out how to put more of my time into designing Interfaces.
In a way it seems like making interfaces is a new medium than writing code. The way we interact with computer based devices has changed so much that it seems the interface design industry is still learning what's possible and makes sense on all of these new screens and the contexts they enable. Whereas; the computer programming concepts underneath these devices have been the same.
I spent a bit of time tonight thinking through an audio interface for Futureland. The interesting thing about Interfaces is that they need to look attractive and be functional. I can't imagine how a designer could nail both perfectly on a first attempt. Perhaps you start making an interface a certain way because you believe it ought to function that way. And then by watching someone else use it you see many of the subjective ideas and beliefs you brought into your design. Now with this new knowledge and awareness, perhaps you can make something better.
It seems if you want to make things that people love using, you have to get good at observing the world around you. Asking, "what is so special about the things we universally love?" and then regularly translating those observations into materials until you find the answer.
Thinking through how to handle the selection of multiple outputs to add them to a collection or delete them. I've worked out two different concepts here so far.
(1) the user would select a bunch of outputs and then 'groups' would appear that they can add them.
(2) the user would select a bunch of outputs and then an input interface would automatically appear where the user can just start typing and it will auto complete with existing projects that the user can push to. I also created a new concept for a delete button.
There's a lot to fit on these Project views. It's an interesting challenge trying to figure out how to keep a particular view focused but also 'fast' meaning whatever a user might need is immediately available to them.
It seems you kind of have to predict what the user is going to do on each view. It definitely helps to use the tool yourself.
Thinking about how collections or groups of outputs might work on Futureland
Experimenting with a new way to view outputs on Futureland that puts more emphasis on the content and functions as a timeline. As you scroll an indicator the left will display the date. Perhaps it could go back beyond a year to show progress over multi-year time scales. For example, I am still coding every day beyond 365 days. Or perhaps it functions as a central feed of user's output across all projects as far back as the beginning.
Making improvements to web publishing interface.
Starting to think through how users might publish audio to Futureland using a web interface.
Various interfaces I worked on or refined today while working on web publishing for Futureland
Putting together interfaces for a prototype of web publishing on Futureland
Working on interface concepts for publishing to Futureland on mobile
Adding more components to publishing interface on Futureland
Experimenting with a text based Futureland profile
More thinking on how project selection / tagging might work when users are publishing outputs on the web. I like this simpler approach.
Some quick thinking on wire frames for how projects would be displayed during publishing outputs…
Quick mock up of confirmation after a user adds authentication to their accounts. I'll probably scrap this.
Thinking through Interfaces that help existing users enable authentication on their accounts.
Spending a bit of time thinking through web publishing. I'll work on this more tomorrow.
Ridiculously simple login page to start running some experiments on user authentication
Improving how new Futureland projects are started on mobile devices.
Another version of a simple on boarding screen that is displayed once a user starts a project on Futureland Alpha.
Thinking through a concept where after a user starts a project on Futureland, the screen goes black and a text message conversation starts with the user.
Finishing off improvements to how new users sign up for Futureland: Alpha
Making improvements to the Interface users see when they are starting a new project on Futureland
Sketching out interfaces for the next version of Futureland
Sketching every Interface for the next version of Futureland. It's going to take a lot of output to get every view moving in the right direction
Thinking through a profile view where you can navigate through a users various projects and other elements.
Thinking through improvements on how new projects are started on Futureland
Thinking through an improved version of how each output is viewed on Futureland. This new view includes, multiple forms of media, better typography, and ability for other users to have a discussion about each output.
The challenge in figuring this out is creating an Interface that serves various depths of sharing. It should work well if a user shares a single image with no text and also if the user wants to share multiple forms of media and a lot of text.
Separating Profile View and Project View. This seems to be an important insight in how all of this should work.
Wire framing how to add more functionality to profiles… need to think through how users can navigate through various projects, sign in, publish and edit their outputs.
More wireframing
Applying what I'm learning about wireframing to Futureland
Learning about libraries and overrides
Learning about symbols and overrides
Studying wireframes
More practice / study laying out Interfaces
Studying and practicing laying out interfaces
Studying and practicing laying out interfaces
Studying and practicing interface layout
more practice with icons … a lot to learn
Learning a bit about icons…
menu exploration
Exploring profile interactions for next version of Futureland
Thinking through some improvements on how users start new projects on Futureland
limited time. quick experimentation
very very tired, some random experimentation
Some random experimentation while on a very tired flight to Toronto
More development on how users are eventually going to interact with and explore their Futureland projects.
Building on interfaces interactions for when users publish to Futureland
Been a tough few days mentally, but still progress because of Futureland. That's what I really like about this process, helps me get out of my own way.
Experimenting with interface animations. This seems like a much clearer way of communicating ideas. It also forces me to work through nuances that I might not notice when working with static designs.
For example, when you push this purple square in the left corner, it should transition in some way with the other elements. I did not notice this until I started animating the Interface.
Experimenting with a quick way to get more information about a project on Futureland
More exploration into various components of profiles… thinking about how users might connect various projects
More work on how users will use and navigate through various functions of their Futureland profiles
Thinking through various ways to navigate around Futureland profiles
Thinking through how logging in and other functions might work on mobile. I am finding that for me to feel confident in my design decisions I need to produce many interfaces
Limited time tonight, exploring how additional settings could be handled on this Interface. Need to tweak my process for more focus in the coming days
More iterations of publishing and logging in on Futureland
Thinking through mobile interfaces for Futureland
Pulling inspiration from other interfaces to think about how futureland could look on smaller screens
Creating interfaces for something I was working on called Desk, it allows anyone to turn any place into a coworking space.
Just trying something new, revisiting a concept I was working on before I knew how to code called Desk
Trying something new, just revisiting a concept I was exploring before I knew how to code called Desk
Thinking through a simple settings menu, might scrap this
Feeling out of it today
I think I have worked out how to handle user login programmatically, so just thinking about how the Interface should handle it.
I am getting a better understanding how to implement web publishing to Futureland profiles programmatically, so putting together an Interface to handle it
Imagining what this Interface might look like on wider dimensions
Exploring functionality through two big simple buttons
Playing with this abstracted Interface to see what I learn
Abstracting a Pinterest profile to see what I can learn. Seems well balanced.
Spending some time abstracting an Interface to see what I learn, I might do a bunch more of this
This is all over the place right now, but it doesn't matter. Just trying to imagine what it would be like if the first visual of Futureland was some kind fly over of a futuristic city or place… long way to
Thinking through the first screen a user might see after signing up for Futureland. Just starting out, a lot of thinking and prototyping needs to be done with this.
Thinking through various ways people might start Futureland projects
In the process of bringing new functionality to Futureland on the web. Part of that is reworking how users start projects.
Quick thinking through how output pages should reflect style changes I've made to the rest of Futureland profiles. Will likely publish this tomorrow.
More experimentation into what public profiles might be like on Futureland
Starting to think about a concept for Futureland public profiles where you can:
(1) read a bit about a user,
(2) see the projects they have completed, the projects that are in progress, the projects that have been archived
(3) and find links to their other internet profiles (twitter, instagram, soundcloud)
Exploring what an expanded view might be like on Futureland profiles. There's a lot of experimentation to do to figure out the best way to display a variety of different projects
Exploring new ways in which Futureland could display individual outputs.
More subtle improvements to Futureland profiles as I'm learning more about designing with base 8. I'll be publishing an update to profiles soon.
Exploring the various ways users might add outputs to their Futureland projects
More exploration into how users might login and publish to their Futureland profiles
Exploring how user login might work on Futureland profiles
No time tonight
More studying of and experimentation with designing in base 8. I have a lot to learn
Trying to understand the impact of a base 8 system by applying it to Futureland profiles. I have to practice this a lot more.
Studying the work of <wwwjim> who created reading.supply and other work I really dig.
Don't have my MacBook Pro charger, had to do all of this on 10% battery.
Imagining the first screen once someone logs into Futureland
Quick interpretation of Are.na one of my favourite tools
Opened Sketch and created whatever came to mind.
Creating a desktop iteration of the first screen someone sees when visiting Futureland
Imagining another design of the first screen someone sees when visiting Futureland
Imagining new home pages for Futureland
Imagining how users might publish outputs to their Futureland projects. This kind of interaction probably makes for desktop.
Exploring how new improvements to Futureland profiles will look on larger screens
Limited time today. Beginning to explore what some new interface improvements might look like on Futureland profiles on desktop.
Thinking more about how exploration might work on Futureland
Starting to think about what project exploration might be like on Futureland
Thinking about how users might publish project outputs directly via their profiles interface. I need to do a lot more research and experimentation on this.
“Imagining new Futureland profiles. When someone taps a user's profile picture, the primary interface fades into the background and a bio becomes an overlay."
Continuing to imagine new functionality and improvements to Futureland profiles…
Exploring new functionality on Futureland profiles. A lot to think about here and more iterations required.
Building on this Interface that users see once they have started a new project. Still not completely satisfied but a better starting point.
Creating a screen that is shown to users after they start a a new Futureland project. Not satisfied with this yet.
Starting to think about how this new project interface should look on larger screens. I'll start porting this over to html/css later today
Building on the Interface I created yesterday for users starting new projects
Starting to improve the experience for users starting new Futureland projects. This is a draft of the first Interface they may see.
Recreated another interface from Things. Couldn't figure out exactly how to model the same keyboard
Limited time today. I recreated the iOS calculator. I am sure there are so many things I'm doing wrong right now in terms of how I am using Sketch. Today I started to get interested in the subtlety of an Interface.
This is the first output of my new concurrent Futureland project in Interfaces. In this project, I will make some kind of interface for 365 consecutive days, In this output I have recreated the main screen of the 'Things' app for iOS.
