This is a read-only archive of the old Scratch 1.x Forums.
Try searching the current Scratch discussion forums.

#26 2010-08-26 17:09:17

Lightnin
Scratch Team
Registered: 2008-11-03
Posts: 1000+

Re: Post mockups of customizable user pages here!

moocow98 wrote:

Here's me mockup-  http://scratch.mit.edu/projects/moocow98/1261744 

I think this would be SO COOL  big_smile

This is an interesting User Interface choice! What would happen when you clicked on the "my page" link? Would it take you to another page, or would it pop up little controls that you could use to change things?

The nice thing about making mockups with Scratch is that you can make them actually interactive. (Some professional programmers use it for that purpose).


Help Scratchers make the leap to 2.0!
http://img818.imageshack.us/img818/6844/transitionteam.jpg

Offline

 

#27 2010-08-26 17:10:31

Lightnin
Scratch Team
Registered: 2008-11-03
Posts: 1000+

Re: Post mockups of customizable user pages here!

Jonathanpb wrote:

Lucario621 wrote:

Jonathanpb wrote:

I have mine!!!  big_smile   big_smile   big_smile  I put in a message area, and an option to change the color (you know, that orange fading thing) and the userpage's background (I didn't put in a background though). Oh, there's also a spot that lets you rearrange projects.

Click for the full size!

http://img192.imageshack.us/img192/2158 … erpage.png


And I thought I might as well show what happens when you click Arrange Projects - little things appear on the projects that you use to drag them. They're supposed to look like arrows, but they sort of failed... again, click for full size.

http://img844.imageshack.us/img844/866/ … erpage.png


Hope you like them!  big_smile

Nice mockup Jonathanpb!  smile   smile   smile

Perhaps the readers of your page can be able to also sort them by date added, most viewed, most loved, most remixed, as well as the one that you described, the custom one  smile

Thankies!!!  big_smile   big_smile   big_smile

Great idea! But I'm too lazy to make a mockup... oh, who cares - let's make one!  big_smile  (Click for full size)

http://img412.imageshack.us/img412/9817 … userpa.png

That mockup was a bit pointless...  hmm

big_smile

tongue

Another interesting idea! What are the advantages of having your projects be sortable by views / love its / etc?  It's kind of like making your my stuff page its own front page in way.... But you are competing with your self!


Help Scratchers make the leap to 2.0!
http://img818.imageshack.us/img818/6844/transitionteam.jpg

Offline

 

#28 2010-08-26 17:12:56

Lightnin
Scratch Team
Registered: 2008-11-03
Posts: 1000+

Re: Post mockups of customizable user pages here!

lilacfuzz101 wrote:

here is my mockup: Click here

Nice - interactive too! How would the user know how to switch between the messages page and the main project page - would that be with a tab?


Help Scratchers make the leap to 2.0!
http://img818.imageshack.us/img818/6844/transitionteam.jpg

Offline

 

#29 2010-08-26 17:20:11

Lightnin
Scratch Team
Registered: 2008-11-03
Posts: 1000+

Re: Post mockups of customizable user pages here!

So there are a lot of great ideas here, which is a good start. When baking a cake, ingredients are important! The next stage, where you combine the ingredients, is equally if not more important.

Here is the challenge:  How can you work together to combine the ideas that fit together the best to make the best final product?  This will probably involve a lot of remixing, posting the project, reviewing the project to point out strengths and weaknesses, and then remixing, posting, reviewing, remixing, posting, reviewing, remixing.... (repeat many many more times)

You might think I'm exaggerating how many times you have to think through a problem like this. Believe me, I'm not. This is how good software gets made.  I hope you guys are up to the challenge.


Help Scratchers make the leap to 2.0!
http://img818.imageshack.us/img818/6844/transitionteam.jpg

Offline

 

#30 2010-08-26 17:39:13

Lucario621
Community Moderator
Registered: 2007-10-03
Posts: 1000+

Re: Post mockups of customizable user pages here!

Lightnin wrote:

Jonathanpb wrote:

Lucario621 wrote:


Nice mockup Jonathanpb!  smile   smile   smile

Perhaps the readers of your page can be able to also sort them by date added, most viewed, most loved, most remixed, as well as the one that you described, the custom one  smile

Thankies!!!  big_smile   big_smile   big_smile

Great idea! But I'm too lazy to make a mockup... oh, who cares - let's make one!  big_smile  (Click for full size)

http://img412.imageshack.us/img412/9817 … userpa.png

That mockup was a bit pointless...  hmm

big_smile

tongue

Another interesting idea! What are the advantages of having your projects be sortable by views / love its / etc?  It's kind of like making your my stuff page its own front page in way.... But you are competing with your self!

"Competing" is a strong word Lightnin...  lol

It's just handy if a viewer wants to see what's your most popular project  smile


http://i.imgur.com/WBkM2QQ.png

Offline

 

#31 2010-08-26 17:43:54

fg123
Scratcher
Registered: 2008-11-13
Posts: 1000+

Re: Post mockups of customizable user pages here!

Time to start mine. -_-


Hai.

Offline

 

#32 2010-08-26 17:55:35

Lucario621
Community Moderator
Registered: 2007-10-03
Posts: 1000+

Re: Post mockups of customizable user pages here!

I'm working on a mockup now...  smile


http://i.imgur.com/WBkM2QQ.png

Offline

 

#33 2010-08-26 18:02:05

fg123
Scratcher
Registered: 2008-11-13
Posts: 1000+

Re: Post mockups of customizable user pages here!

Can I see?


Hai.

Offline

 

#34 2010-08-26 18:48:14

Lucario621
Community Moderator
Registered: 2007-10-03
Posts: 1000+

Re: Post mockups of customizable user pages here!

fg123 wrote:

Can I see?

?

I'm still working on it...


http://i.imgur.com/WBkM2QQ.png

Offline

 

#35 2010-08-26 19:24:54

Lucario621
Community Moderator
Registered: 2007-10-03
Posts: 1000+

Re: Post mockups of customizable user pages here!


http://i.imgur.com/WBkM2QQ.png

Offline

 

#36 2010-08-27 00:05:32

Digimath
Scratcher
Registered: 2007-07-07
Posts: 100+

Re: Post mockups of customizable user pages here!

I started with Lucario621's mockup for customizable userpage and changed it to allow the owner to place his or her own projects in any order - by moving one project at a time to the first position.

http://scratch.mit.edu/projects/Digimath/1266327

BTW,
This is a working model. You can click on a project, click on the Move Project button. and the projects will be re-arranged.

Last edited by Digimath (2010-08-27 05:30:12)


I've updated my text adventure game.
Colossal Cave 150http://scratch.mit.edu/static/projects/Digimath/3003787_sm.png

Offline

 

#37 2010-08-27 01:16:40

Jonathanpb
Scratcher
Registered: 2008-07-25
Posts: 1000+

Re: Post mockups of customizable user pages here!

Lightnin wrote:

Jonathanpb wrote:

Lucario621 wrote:

Perhaps the readers of your page can be able to also sort them by date added, most viewed, most loved, most remixed, as well as the one that you described, the custom one  smile

Thankies!!!  big_smile   big_smile   big_smile

Great idea! But I'm too lazy to make a mockup... oh, who cares - let's make one!  big_smile  (Click for full size)

http://img412.imageshack.us/img412/9817 … userpa.png

That mockup was a bit pointless...  hmm

big_smile

tongue

Another interesting idea! What are the advantages of having your projects be sortable by views / love its / etc?  It's kind of like making your my stuff page its own front page in way.... But you are competing with your self!

What are the advantages? Um... you can make statistics on your projects and such? ^_^


"Human beings... must have action; and they will make it if they cannot find it.
-Charlotte Brontë

Offline

 

#38 2010-08-27 01:30:34

Chrischb
Scratcher
Registered: 2008-07-24
Posts: 1000+

Re: Post mockups of customizable user pages here!

Jonathanpb wrote:

Lightnin wrote:

Jonathanpb wrote:


Thankies!!!  big_smile   big_smile   big_smile

Great idea! But I'm too lazy to make a mockup... oh, who cares - let's make one!  big_smile  (Click for full size)

http://img412.imageshack.us/img412/9817 … userpa.png

That mockup was a bit pointless...  hmm

big_smile

tongue

Another interesting idea! What are the advantages of having your projects be sortable by views / love its / etc?  It's kind of like making your my stuff page its own front page in way.... But you are competing with your self!

What are the advantages? Um... you can make statistics on your projects and such? ^_^

And it's nice to know? XD


I fall: It's a tragedy. You fall: It's comedy.
Hmph enjoy your fall - I get a lovely spring... without pans of new leaves.

Offline

 

#39 2010-08-27 01:37:49

fg123
Scratcher
Registered: 2008-11-13
Posts: 1000+

Re: Post mockups of customizable user pages here!

How about we can actually arrange our page!  big_smile  Move the whole project section to the top, and move your user details to the bottom, or viceversa!  big_smile


Hai.

Offline

 

#40 2010-08-27 01:42:28

Chrischb
Scratcher
Registered: 2008-07-24
Posts: 1000+

Re: Post mockups of customizable user pages here!

fg123 wrote:

How about we can actually arrange our page!  big_smile  Move the whole project section to the top, and move your user details to the bottom, or viceversa!  big_smile

O_o I can imagine the random possibilities.  tongue

That seems a bit much, though.  hmm


I fall: It's a tragedy. You fall: It's comedy.
Hmph enjoy your fall - I get a lovely spring... without pans of new leaves.

Offline

 

#41 2010-08-27 08:27:57

moocow98
Scratcher
Registered: 2010-05-06
Posts: 51

Re: Post mockups of customizable user pages here!

Lightnin wrote:

Jonathanpb wrote:

I have mine!!!  big_smile   big_smile   big_smile  I put in a message area, and an option to change the color (you know, that orange fading thing) and the userpage's background (I didn't put in a background though). Oh, there's also a spot that lets you rearrange projects.

Click for the full size!

http://img192.imageshack.us/img192/2158 … erpage.png


And I thought I might as well show what happens when you click Arrange Projects - little things appear on the projects that you use to drag them. They're supposed to look like arrows, but they sort of failed... again, click for full size.

http://img844.imageshack.us/img844/866/ … erpage.png


Hope you like them!  big_smile

Awesome! I hadn't thought of that UI for re-arranging. It makes a lot of sense to make them draggable, so you can set the order any way you like.

question about that- how would you move projects from, say, ur third page to ur first page if they were draggable? maybe the projects would have a page-set button also?


MOOCOW'S PAGE!! The weasley twins' epic quotes! "You'd know all about that, wouldn't you, Mad-Eye?... Just tryin' to diffuse the tennnsion."
*balances fork in ear, picks up coffee mug.* 'Morrrnin."

Offline

 

#42 2010-08-27 12:13:57

fg123
Scratcher
Registered: 2008-11-13
Posts: 1000+

Re: Post mockups of customizable user pages here!

Chrischb wrote:

fg123 wrote:

How about we can actually arrange our page!  big_smile  Move the whole project section to the top, and move your user details to the bottom, or viceversa!  big_smile

O_o I can imagine the random possibilities.  tongue

That seems a bit much, though.  hmm

But seriously, it would be so much more customizable and more innovative, like iGoogle.


Hai.

Offline

 

#43 2010-08-27 12:35:09

recycle49
Scratcher
Registered: 2009-12-21
Posts: 1000+

Re: Post mockups of customizable user pages here!

I love it!


"Every challenge must be met, every battle must be won, and every story will end." -Me
Recycle49 December 09 - November 11 Goodbye

Offline

 

#44 2010-08-27 12:36:25

recycle49
Scratcher
Registered: 2009-12-21
Posts: 1000+

Re: Post mockups of customizable user pages here!

Lucario621 wrote:

Okey dokey - here's the mockup:

http://scratch.mit.edu/projects/Lucario621/1265944

I love that!


"Every challenge must be met, every battle must be won, and every story will end." -Me
Recycle49 December 09 - November 11 Goodbye

Offline

 

#45 2010-08-27 17:16:04

Lucario621
Community Moderator
Registered: 2007-10-03
Posts: 1000+

Re: Post mockups of customizable user pages here!

recycle49 wrote:

Lucario621 wrote:

Okey dokey - here's the mockup:

http://scratch.mit.edu/projects/Lucario621/1265944

I love that!

Thanks!  big_smile


http://i.imgur.com/WBkM2QQ.png

Offline

 

#46 2010-08-27 18:15:08

Lucario621
Community Moderator
Registered: 2007-10-03
Posts: 1000+

Re: Post mockups of customizable user pages here!

Digimath wrote:

I started with Lucario621's mockup for customizable userpage and changed it to allow the owner to place his or her own projects in any order - by moving one project at a time to the first position.

http://scratch.mit.edu/projects/Digimath/1266327

BTW,
This is a working model. You can click on a project, click on the Move Project button. and the projects will be re-arranged.

Nice mockup!  smile  Really well made. Probably to make it more modernized, if they implemented it, you could actually move them around like apps on an iPod/iPhone or something  smile


http://i.imgur.com/WBkM2QQ.png

Offline

 

#47 2010-08-27 21:49:21

Digimath
Scratcher
Registered: 2007-07-07
Posts: 100+

Re: Post mockups of customizable user pages here!

Lucario621 wrote:

Digimath wrote:

I started with Lucario621's mockup for customizable userpage and changed it to allow the owner to place his or her own projects in any order - by moving one project at a time to the first position.

http://scratch.mit.edu/projects/Digimath/1266327

Nice mockup!  smile  Really well made.

Thanks!

Lucario621 wrote:

Probably to make it more modernized, if they implemented it, you could actually move them around like apps on an iPod/iPhone or something  smile

That’s a good idea.  And, Given that

Lightnin wrote:



Here is the challenge:  How can you work together to combine the ideas that fit together the best to make the best final product?  This will probably involve a lot of remixing, posting the project, reviewing the project to point out strengths and weaknesses, and then remixing, posting, reviewing, remixing, posting, reviewing, remixing.... (repeat many many more times)

I think Lightnin would like to see a follow-up re-mix where we could see an actual working demo of your idea. What would drag and drop look and feel like when a person has multiple pages of projects?


I've updated my text adventure game.
Colossal Cave 150http://scratch.mit.edu/static/projects/Digimath/3003787_sm.png

Offline

 

#48 2010-08-27 21:54:05

Survivorduck
Scratcher
Registered: 2009-07-05
Posts: 500+

Re: Post mockups of customizable user pages here!

http://a.imageshack.us/img192/5218/userpagei.png
AWARD SELECTED PROJECTS: Place an award on your 5 best projects, It will appear as a blur dot under the picture-thingy
CHANGE USER BIO: The bio is under the ignore list, click the "Change user bio" Thingy to change it.
CHANGE PAGE BACKGROUND: Choose a solid color or upload your own image to put on your user page.

Offline

 

#49 2010-08-27 22:12:16

Jwosty
Scratcher
Registered: 2009-12-19
Posts: 500+

Re: Post mockups of customizable user pages here!

Survivorduck wrote:

http://a.imageshack.us/img192/5218/userpagei.png
AWARD SELECTED PROJECTS: Place an award on your 5 best projects, It will appear as a blur dot under the picture-thingy
CHANGE USER BIO: The bio is under the ignore list, click the "Change user bio" Thingy to change it.
CHANGE PAGE BACKGROUND: Choose a solid color or upload your own image to put on your user page.

Ooh! I like the uploading pictures idea...  big_smile


http://i39.tinypic.com/18ert5.png Google it.  smile

Offline

 

#50 2010-08-28 10:39:18

Survivorduck
Scratcher
Registered: 2009-07-05
Posts: 500+

Re: Post mockups of customizable user pages here!

Jwosty wrote:

Survivorduck wrote:

http://a.imageshack.us/img192/5218/userpagei.png
AWARD SELECTED PROJECTS: Place an award on your 5 best projects, It will appear as a blur dot under the picture-thingy
CHANGE USER BIO: The bio is under the ignore list, click the "Change user bio" Thingy to change it.
CHANGE PAGE BACKGROUND: Choose a solid color or upload your own image to put on your user page.

Ooh! I like the uploading pictures idea...  big_smile

That's already on our pages xP

But thanks!  big_smile

Offline

 

Board footer