50 words

With a never-ending love and deep-rooted understanding of both digital and print, Lucy’s work is influenced by her curiosity with emerging technologies and communications. Exhibiting her interpretation of the world through engaging experiences entangling colorful thought, creative spirit and visual communications with principled functionality, she produces innovative, quality driven work.

finalshmized

amended

developed set

number 3 and 5 

context so far

client

www.el-ay.co.uk/shell_site/galaxy.html

test of adding the galaxy and parallax for added weirdness.
probably not one thats gonna work.
need ot find out how to animate my galaxy now. arg

http://www.el-ay.co.uk/shell_site/index.html

I've broken down bad this week. monday night and tonight spent balling into my aldi prices grapefruit collection.

Had another meeting with David, started to code up my shell, ready for animated galaxy hopefully coming Thursday.

I've got my css rollovers in, and the hidden div containing product content on the click.
problems ive gotta solve are :

how to use more than one hidden div for each link, or how to sort dynamic content for the same div.

how to make the hidden div strike across the whole page in a real nice bold way

how to animated the galaxy

hopefully thursday morning will help me some

figsake

DEVELOPMENT.

turns out despite the inital excitement, tisnt a parralax thats gonna save me.


to get the information of products displayed I was looking into combining the pan and zoom and the parallax (both can be seen if you scroll back a few posts or search client labels)  My thoughts were reckoning it'd be anice clean minimalist way of displaying information, thatd be pretty interesting and add to the overall feel of the journey.
but me plans were foiled.

the parallax is made up of 4 different layers containing divs, containing the circular image, i assigned the zoomTarget class to each of the layers, but because of the way I was trying to use the parallax, the browser could only read through to one of the layers, the bottom one, rendering the first 3 pointless, and use of the last one pretty painful.
I adda surger session with David this morning where we shpent a considerable amount of time reading back through tutorials i'd used to jig them around and get it working, before the realization hit that this wasney the way to do it.
David helped me with a load of java'rejigging in the source document, before a discussion took place in search of a batter more efficient solution.

positive results though, after more thought the pan and zoom is probably a ridicolous notion ( as a design choice, i reckon theres gonna be a better way of doing it), terribly unefficient in actually displaying the information, and a load more hassle than its worth. Tonights going to spent coding the shell and design of my site, before tomorrow another surgery session will get me back on the way to creating the galaxy using jquery and copious amounts of Davids time.

over and out

REAL ROUGH EXHIBITION MOCK UPS

rough rough rough

dunno if were lacking personality, aiming for forest alpy colour scheme, basing it on the m of ye olde multimedia, probably not the most original

JOHN BOWLBY

-->

Bowlby’s attachment theory relies heavily on ideas voiced originally by Piaget, and similarly to other social development theories details the affect early experiences have on later life. Bowlby focuses on emotional relationships and the critical exchange of comfort, care and pleasure, he progresses to state the important development of a goal-corrected partnership becoming evident between caregivers and children after the second birthday. Unlike previous versions of the rapport, perhaps more dependency based or child orientated, this stage recognizes the ambition of the immediate caregivers, and allows for more collaborative interactions.

The notion of a reciprocal relationship, 2 years and up so applicable to my audience, is important to recognize and take into consideration through the document, and design and implementation of artefacts.

Again, could be wrong. My brains spasmed.

4. B.F SKINNER

-->

Skinner’s Social development theory of operant learning believed human behavior to be driven not by internal thought processes or motivations, but by external factors, namely positive and negative reinforcements such as reward or punishment. He believed behavior superseded by pleasantness or reward would be repeated and believed this to be the vehicle for behavior modification, which facilitates development, progression and learning; constant repetition of action leads to behavioral change. His theory calls upon extrinsic motivations (rewards such as points or level advancements perhaps directly  applicable to my document) and remains relevant today, used to manipulate the conduct of children to enhance desired qualities in educational settings, the home, and furthermore technology.

I believe the references to positive reinforcements and extrinsic motivation are important for me to further investigate in relation to the way they are used in existing media such as television, games, applications and other technological forms to engage with children. The advantages and disadvantages of said method need to be explored, as well as pre existing applications in support of this behavioral and learning theory in order for me to gain clarity on the successful balance of implementing extrinsic motivation, intrinsic motivation or a balance of both. Specifically in classrooms and nurseries Skinners theory is utilized through three learning methods; prompting, chaining and shaping, which I believe can all be successfully translated into a format compliant with interactive media; such as a mobile application. He touches upon several associated subject areas warranting further research and exploration as well providing a solid building block of supported knowledge about my chosen audience which will reinforce the structure of my document.

JEAN PIAGET

The big boy.

I’ve been reading a lot of stuff on this big fish, I’ve information on his 5 stages, the differences between him and Vygostky and a load of other interpretations. I’m still swimming drunk in descriptions so I’m gonna wait until I have a clearer knowledge of I figure out where he fits in. relatively unnecessary post.

ERIK ERIKSON

-->

2. ERIK ERIKSON

He basically backs up Freudy pants, same kinda buzz. And his name is ridiculous.

Eriskon’s Psychosocial theory, consisting of eight stages, is consistently based around the overcoming of conflict to gain authenticity and develop. Failing at any of the eight stages, he believed, would result in improper function during adulthood.

Stage three, Initiative vs. Guilt, applies to children of a preschool age and includes the importance of asserting power and control over the immediate world through directing play and social interactions. Guilt, self-doubt and lack of initiative are consequences faced if completion of this stage is not achieved and guilt proceeds to win the conflict. Children are expected to have a desire to imitate the actions of caregivers, enrol in storytelling through objects and initiative play as well as seeking to gain knowledge through intrinsic motivation and a need to understand. A key concept is the social role identification within the family, a hugely important factor at this stage.

I believe this idea hold relevancy to my document and area in a more obvious way. Erikson’s theory incorporates a mixture of influences for a child’s cognitive development and learning, including the importance the family relationship and individual role, social interactions, observation and imitation, storytelling and the desire to understand.

CHILD DEVELOPMENT THEORIES, ABOUT.COM

-->

Survey of literature:

CHILD DEVELOPMENT THEORIES, ABOUT.COM

This online publication encapsulates the main ideas behind the most significant and well-known theories in cognitive and child development, including that of Freud, Erikson, Piaget, Bandura and Vygotsky.  Cherry (2012) details the relevance each concept holds to current society, as well as explaining the thoughts, research and studies undertaken in order to produce and support each notion.

-->

1.SIGMUND FREUD

Freud is responsible for The Five Stages of Psychosexual Development, a famous Psychoanalytic Child Development Theory declaring all behaviour to be driven by pleasure seeking energies, namely the libido.

His theory goes on to say if all five stages are correctly completed one can achieve a successful and healthy self, however if a stage is missed one experiences fixation; a constant focus on the absent stage. Freud obsesses of the important role early experiences play in regards to our development through to adulthood and personality.

The steps consist of the Oral Stage, lasting until the first birthday, the anal stage, lasting till the third birthday, the genitals, lasting to the sixth birthday, the latent stage, lasting until puberty and the genital stage, lasting from puberty to death.

 

The anal stage centre’s around the element of control and subsequent feelings of achievement; touching upon intrinsic motivations for behaviour. Freud describes the importance of toilet training; controlling the bowel and bladder and the effects it holds on later life if completed improperly, whilst mentioning the motivations and achievements expected and valued by parents and society. He states the varied results that can occur through operant conditioning (a learning method that occurs through rewards or punishments) put into place by the parent. A harsh approach of punishment, shock and shame can lead to an anal expulsive personality; namely a wasteful, messy, destructive personality, whilst overbearing strict parenting can result in an obsessive, rigid, orderly personality.

 

I believe Freud’s theory holds value to my document, the ideas behind completion of the anal stage, and the results of unsuccessful completion or unbalanced parenting holds relevancy to the core concepts of my subject area in terms of a balanced method of parenting and integration of technology, as well as motivations for cognitive development.

 

But I could be wrong because I’m ill as hell and fucking knackered.

 

 

Kendra Cherry, 2012. Child Development Theories [online]About.com. Available at: http://psychology.about.com/od/developmentalpsychology/a/childdevtheory.htm [accessed 14th November 2012].

feel better already

After attending today’s Lecture about experience design, I got back home thinking I’d have a look at some of the incred stuff that got mentioned (namely the fun theory by Volkswagen). But, I got back, sat down, read through my research, spoke to a few other kids on the course and realized I’ve gone badly scattered and unmethodical with my research. I’ve dotted about and hit it in completely the wrong way. Gonna have to struggle relentlessly through the night to reclaim order and start mocking up my document plan.

I’ve looked at three million web sources about applications for kids, in my odd attempt to combine context and research, mooched casual as hell over to interactive media and how it can be used to engage with children, over to some research methods and then into the back end stuff of how children learn.

Fucking structure’s everywhere.

I’ve got notes I need to type up for my literature review ready and waiting, a load more books and journals to read, but in an order that’s leaving me oozing info from my lugholes and snorting up fragments through my cartiledge tusk.

NEW APPROACH

Child development theories

Cognitive development theories

How children learn

Curriculum

Impact of media on children

Existing products

Research methodologies

It’s so late to have come to this conclusion, but hopefully my competence in note taking will prevail. If what I’ve written is good enough, by the time I complete my new order and return to the large amount of research ive done already, ill be able to pick up where I left off and sew it all together neatly.

colour schemes

nice listen

galaxy possibly taking shape

in the roughest chuffin way possible.

Real basic, real choppy, but I've got a few layers in, and placeholders for images or icons.
Sort of lost site of where I'm going design wise, my brains gone grey. Gonna head in tomorrow and see David to see if I can get some help with it and how to mix up this with the other jquery coding I got's sorted, the pan and zoom.


NEXT STEPS :
get them mixed in together, hopefully with a fixed one page nav, (hopefully dynamic content at some point, maybe later)
start branding, and fleshing out the skeleton I've got going on

work in progress at th min :
http://www.el-ay.co.uk/jquery_client_test/jparallax-master/index.html

so harsh ! ive forgotten how much fun designing is, haha cant wait to get to that bitt

wireframes

development from my intial wireframe.
I want the whole thing to be sleek as fuck.
I'm dead wary of having too many things fighting for attention and distracting from the sleek, solid concept. I think thats strong enough to carry the site without over complicating it with fancy jquery. I want to try and keep it to one fixed page if possible, but im not sure on the amount of content we need to integrate with our designs. tutorials have indicated we can make a lot of it up, which would be sound. I want to, if i have to put in more pages, have them smooth and effortlessly changing with a fixed nav and footer. I've had a look at different navigation, to see if i can place the content within laarge harsh striking bars, as there isnt that much, but i dont wanna end up with a site layer on layer on layer. onionshite.
I really like the idea of sections that expland on the original page, but it needs to be neat and minimalist, not cluttered and unnecessary. Initial ideas, which I think will provide a good starting point. Reckon this is one to fathom as I'm coding, when i get a better feel for how this stuffs gonna look together, all real new to me so my pre conceptions and assumptions could be way off.

inshpirational shites for client

I want a one page fixed webbersite, using real nice greys and a feature colour to add abitta life. not stone dead nall that.
here a are a few real nice, mostly one page scrolling site, ive stumbled upon this evening.
incred use of minimalist design, real hard to have character, personality and a buzz to remember using real dim colours. these have killed it.

http://agenciawee.com.br/



this is a real nice experience, pixellated in bits, be nicer if i knew what the bloke was saying. but its a planned journey, noice mix of film and web, but led moreso by the web which i recks is quite unusal.
horrid bit about a third of the way in where theres a close up on that weird guys face, haha rest is sound

http://www.kiinnostus.fi/autokuume/


again, this is almost a film like experience. verging on animation. real nice convergence of pathways.
whole things in greyscale, but not at all DEAD

http://pitchfork.com/features/cover-story/reader/bat-for-lashes/


this is the portfolio of a designer, as a load of the more experimental ones are, and is in my list cos it does a nice job of using icons or symbols as representation for nav, or the about section, or an expected amount of content.

http://christophermeeks.com/work



http://www.tripwiremagazine.com/2012/07/parallax-scrolling.html

GITHUB

well worth taking a peek at, so many tutorials and packages hanging around on there that are real bloody helpful.

found me method

Tutorial today confirmed my worst fears, It’s a parralaz I need to implement to get the desired effect to my site.

I wasn’t wrong by dabbling in flash, but that’s an outdated method of doing what I’m after, it’s a variation on a classic parallax, which is incred.

My external client project next year is something im badly eager to start, ive met the client and we’ve talked about wordpress, mobilization, big cartel, but I’ve been badly harbouring after the introduction of a more classic, almost animation like parallax, one page scroll, both horizental and vertical. Only a concept, but I wanted to get to grips with this at some point so if I can introduce it into both projects, and get an understanding of how they can be used and manipulated to create different effects, rather than just the one. Bloody sound.

Next step is thumbnails, design ideas, planning out the wireframe of my site now its an achievable notion and getting immersed in code. I think once my wireframes are up, the way I talk about my project will make more sense, at the minute I know what im on about, not sure who else does.

I want the site to be one page only, but with 5 pages of content tucked away neatly. I’ve been looking at maybe a blog page, or another if it gets too cluttered, but the ideal is one. Here’s a link to a pan and zoom I’ve been thinking about as a way of displaying content. Each box would be an icon, the content displayed would be for the products and what not. The coloured boxes would be colourless divs with the image I choose to represent the link (circle.star) being an image within, so the screen would zoom to a size of my choosing.

 http://www.el-ay.co.uk/zoom_test1/test1/index1.html

Im’a use html 5 and percentages all the way through so my sizing and proportions remain the same on laptops and my huge 24 inch desktop galore.

getting closer

http://code.google.com/p/jbackground/


I THINK IT MIGHT BE A PARRALAX ! as one way of going about it. a variation.
I'd rather get to grips with it this way that flash, i wanna do a parallax animation sorta thing for external client so be good to get to grips with a different version/effect.



http://stephband.info/jparallax/index.html

BEERCAMP

Both in twenny twelve and the year a'fore, Beercamp have done incred websites.

This year they've got a pop up book (context) and a moving background (client)

Im having a load of trouble finding out how to get the effect and experience I want, the moving background. But it's something I definetly wanna learn, that I can use my cleint project as a vehicle for, so Im gonna struggle on. Its a real nice effect that gives alot of interaction for the user, although I wanna use it subtly.

Use investigated Jquery, and now im on flash. research, not too much practical yet.

flashin flashfox

http://forums.adobe.com/thread/812443


Looks like it might be a load of flash that's gonna get me the end result I need.
shit

examples:
http://www.liveagg.com/

http://www.haterpaintball.com/


tutorial :

http://www.jesseharding.com/blog/2008/02/22/creating-a-background-that-moves-with-your-mouse-in-flash/

http://www.kirupa.com/developer/flash8/interactive_image_pan.htm

mixed with

http://www.adrianpelletier.com/2009/05/31/create-a-realistic-hover-effect-with-jquery-ui/

ATRG trip aboot the place

written up notes above.


Trip to Bonnington and a walk about the guys facilities, small intro in to some of their stuff, the processes and machines.
Although it wasnt directly related to the brief I'd chosen I found it real useful. After meeting the TEAM and getting abit of insight into what they do, I think my idea needs to shifted about abit.
Ive been dead keen on hammering space home, but I think the concept of using the thread needs to be the one I investigate more.

After listening to what the fella had to say I was left feeling my idea of space might be a bit irrelevant. I got the impression from the 'client' they’re pretty close KNIT. waaa The group appear to be really direct and focused. Pick a problem, solve it, pass it on to a spin out company, start again. That’s not at all what I was expecting from a research group. It made me wander if my ideas a bit fancy, unnecessary and not relevant to the client. I’ve been questioning whether my loyalty lies with the client, or the brief. I got home and immediately changed my mind, setting up shop with the idea of the piece of thread (earlier mentioned concept) as that’s more direct, that after meeting them, I think they’d be into more.

Buuut.

After writing the post for me blog, I changed me mind.

I think my responsibility and loyalty lies with both the client, and the brief and myself. I want to create a piece of work I’m real pleased to show off, both with design and the considerations behind it, I want it to be fulfilling the criteria of the brief, creating a sense of anticipation and awe, but a relevant representation and branding to the client. This has led me to realise the best option is going to be, combining both concepts, so perhaps space would create a new identity that matches the problem solving area of their process. It fits the brief so well. Having said that, my brief allows me to rebrand, to create a new identity and character of the company to some extent, so there’s wiggle room.

Best case scenario, carry on sailing the jquery seas to get some stuff ready for David’s session next Thursday, investigate, explore and develop both ideas to a point where I’m comfortable and and have my journey mapped.

CRAFTSMAP !

http://www.jscraft.net/plugins/craftmap.html

this is so close to what I want !!

http://srobbin.com/jquery-plugins/backstretch/
background !

http://speckyboy.com/2010/05/13/50-fundamental-jquery-controls-and-rich-ui-components/


http://speckyboy.com/2012/04/10/40-recently-released-jquery-plugins/
so many good tutorials and demos on this site well worth taking a look at. 

prezzeh

client project test 1 on Prezi

had a mess around on prezi to see if I could create some sort of prototype or mock up, but tbf its not really capable of creating what I'm after.

I want more of a fluid navigation, whereby the viewpoint or 'camera' angle stays the same, not zooms in and out to this degree. Not a waste of time however, nudged me towards a much clearer notion of what I want. The user must be able to see the whole screen at all times in order to explore the galaxy rather than be catapulted about abit. I want the user to be in charge, this approach is too heavy for me, I dont want to be deciding their experience. Back to a collab on starfields I recks.

do like the idea of adding a pan and zoom, but not as a primary decision.

idea development

minipost.

Got in touch with my friend, a photography sort, about drafting in some help to photograph some thread, or some material instead of obviously using space as a theme, to more hint at it using subtleties, and a macro lens. something to think about. Think I mentioned it in a previous post, but its another version of my idea ima gonna explore, once ive got a background and steady footing on possible ways of making this happen. I wanna make sure ive got a solid block to start from before i go mental.

scrolling pathways

Tutorial, cheers leigh.

few different ways of navigating the page, sort of to give that spacey feel.

http://www.webresourcesdepot.com/awesome-jquery-plugins-for-creating-single-page-websites/

this ones incredible
http://janne.aukia.com/zoomooz/

think its gonna be a case of mixing them all together, attending a load of Davids (hopefully) upcoming sessions on how to tweak tutorials in order to create a wicked experience. the spehere and jquery tutorials ive done are all circling hesitantly around my idea, gonna look at all areas and approaches to me concept and doing it justice, expect more texty posts.



starfield

http://creativejs.com/tutorials/three-js-part-1-make-a-star-field/

http://codeincomplete.com/posts/2011/5/22/javascript_starfield/




now ive got some basic resources ima have a go at making a prototype, or mock up t make sure im running away with a sweet, do able idea.
initially im looking for the zoom, the scrolling pathway and the one page plugins.

Starfield

http://www.chiptune.com/starfield/starfield.html

If you peep real hard, should be able to make out some stars.
Tis a starfield, one of 12 amazing javascript 'applications' found on the above link. Interacts real nice with the mouse, probably not briming with relevance to my project in terms of something I could shove directly in it, but its skirting around the idea I wanna create. I've been having a look at html 5 canvas's an' all which allow for some incredible effects real similar in effect and experience to the one I wanna create for my project. Gonna continue with the search, do some investigative research to see if there's any online tutorials or lessons in regards to this sort of effect I might be able to learn from, and maybe mash up with other stuff I've learnt.

Real good starting foot, efforts trying to figure out the terms and keywords of elements for this kinda thing though, to isolate existing products of a similar nature to learn from. loada searching coming my way.


FOUND ONE :

http://creativejs.com/tutorials/three-js-part-1-make-a-star-field/