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

#1 2010-08-23 16:37:57

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

Post mockups of customizable user pages here!

http://suggest.scratch.mit.edu/forums/6 … ?ref=title

Let's think through how this might work. Please make mockups that show: 1) What a customized user page might look like, and 2) The controls used to create the customized page. Post them below, and join in the discussion!


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

Offline

 

#2 2010-08-23 17:25:46

samurai768
Scratcher
Registered: 2009-07-21
Posts: 1000+

Re: Post mockups of customizable user pages here!

Here's my mockup: http://scratch.mit.edu/projects/samurai768/1260510You could make it so that you could upload an image to put as the background. I hope you like my idea! Thanks!

Last edited by samurai768 (2010-08-23 17:25:58)

Offline

 

#3 2010-08-23 18:04:11

Lellowsfuzz
Scratcher
Registered: 2009-04-17
Posts: 500+

Re: Post mockups of customizable user pages here!

My mockup is kinda the same as samurai's(sorry if I was copying) exept I added some new art. (NOTE: Some of the things need to be bigger, make them bigger if you would use them on a website)

Offline

 

#4 2010-08-24 02:19:22

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

Re: Post mockups of customizable user pages here!

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/297customizableuserpage.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/298customizableuserpage.png


Hope you like them!  big_smile

Last edited by Jonathanpb (2010-08-24 02:23:10)


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

Offline

 

#5 2010-08-24 02:47:17

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

Re: Post mockups of customizable user pages here!

Looks cool Jonathan! I'll start working on mine.  big_smile


Hai.

Offline

 

#6 2010-08-24 04:57:22

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

Re: Post mockups of customizable user pages here!

I'd make one, but it's been said already. Dx

Ooh, wait! Maybe I could add a bit about sort types!  big_smile


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

 

#7 2010-08-24 06:46:32

helltank
Scratcher
Registered: 2010-05-21
Posts: 1000+

Re: Post mockups of customizable user pages here!

Did you use that famous javascript thing, and then screenshot it? You know, the one that lets you "hack" websites?


Error:Signature could not load. Please wait for an indefinite amount of time, until you realize you're gullible and go off to look for another potentially interesting signature to stare at.

Offline

 

#8 2010-08-24 06:50:38

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

Re: Post mockups of customizable user pages here!

helltank wrote:

Did you use that famous javascript thing, and then screenshot it? You know, the one that lets you "hack" websites?

No... all I have to do is right-click on something I want to edit and select Inspect Element - I can change what text says. It does not alter the actual website - all it does is change the appearance. And it doesn't last - it won't stay edited when you leave the page and come back.

It did take a lot of work though!  wink


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

Offline

 

#9 2010-08-24 09:34:06

what-the
Scratcher
Registered: 2009-10-04
Posts: 1000+

Re: Post mockups of customizable user pages here!

http://img831.imageshack.us/img831/7643/mockup.png
Just something I made quickly.


http://imageshack.us/m/64/9034/ddfss.pngMy site
Find someone post count. Click posts under username. Find number of pages. Times that by 40 for min and 60 for max and you have a rough estimate of post count.

Offline

 

#10 2010-08-24 10:56:37

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

Re: Post mockups of customizable user pages here!

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

I think this would be SO COOL  big_smile


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

 

#11 2010-08-24 10:57:50

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

Re: Post mockups of customizable user pages here!

oops didn't come up as a link:    http://scratch.mit.edu/projects/moocow98/1261744/


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

 

#12 2010-08-24 10:59:17

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

Re: Post mockups of customizable user pages here!

moocow98 wrote:

oops didn't come up as a link:    http://scratch.mit.edu/projects/moocow98/1261744/

^ this is being evillll!  sad     it won't let me post a link.... another try:



http://scratch.mit.edu/projects/moocow98/1261744/


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

 

#13 2010-08-24 11:01:58

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

Re: Post mockups of customizable user pages here!

moocow98 wrote:

moocow98 wrote:

oops didn't come up as a link:    http://scratch.mit.edu/projects/moocow98/1261744/

^ this is being evillll!  sad     it won't let me post a link.... another try:



http://scratch.mit.edu/projects/moocow98/1261744/

AHHHHHHHHHHHHHHHH > sad

EVIL FORUM!  tongue

my link still wont come up  http://scratch.mit.edu/projects/moocow98/1261744

i tried again               ^   please work this time!!!


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

 

#14 2010-08-24 11:51:12

gettysburg11
Scratcher
Registered: 2008-06-14
Posts: 1000+

Re: Post mockups of customizable user pages here!

moocow98 wrote:

moocow98 wrote:

moocow98 wrote:

oops didn't come up as a link:    http://scratch.mit.edu/projects/moocow98/1261744/

^ this is being evillll!  sad     it won't let me post a link.... another try:



http://scratch.mit.edu/projects/moocow98/1261744/

AHHHHHHHHHHHHHHHH > sad

EVIL FORUM!  tongue

my link still wont come up  http://scratch.mit.edu/projects/moocow98/1261744

i tried again               ^   please work this time!!!

Read this for the code you need to put at the beginning and end of your posts, because if I try to type it here, it just messes it up. http://scratch.mit.edu/forums/help.php#bbcode
http://scratch.mit.edu/projects/moocow98/1261744 Here, I fixed it for you.  smile

Last edited by gettysburg11 (2010-08-24 11:53:29)


http://i256.photobucket.com/albums/hh184/mnacmilan/LOGO_ACMILAN-Splash.gif

Offline

 

#15 2010-08-24 15:50:47

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

Re: Post mockups of customizable user pages here!

gettysburg11 wrote:

moocow98 wrote:

moocow98 wrote:


^ this is being evillll!  sad     it won't let me post a link.... another try:



http://scratch.mit.edu/projects/moocow98/1261744/

AHHHHHHHHHHHHHHHH > sad

EVIL FORUM!  tongue

my link still wont come up  http://scratch.mit.edu/projects/moocow98/1261744

i tried again               ^   please work this time!!!

Read this for the code you need to put at the beginning and end of your posts, because if I try to type it here, it just messes it up. http://scratch.mit.edu/forums/help.php#bbcode
http://scratch.mit.edu/projects/moocow98/1261744 Here, I fixed it for you.  smile

THANK YOUUUUU!  big_smile


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

 

#16 2010-08-24 18:17:50

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

Re: Post mockups of customizable user pages here!

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


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

Offline

 

#17 2010-08-25 02:38:36

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

Re: Post mockups of customizable user pages here!

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/299sortprojectsonuserpa.png

That mockup was a bit pointless...  hmm

big_smile

tongue

Last edited by Jonathanpb (2010-08-25 02:38:59)


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

Offline

 

#18 2010-08-25 09:42:58

Lucario621
Community Moderator
Registered: 2007-10-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

No that one was nice too  big_smile


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

Offline

 

#19 2010-08-25 17:00:33

lilacfuzz101
Scratcher
Registered: 2010-05-22
Posts: 1000+

Re: Post mockups of customizable user pages here!

here is my mockup: Click here


http://25.media.tumblr.com/tumblr_lzqaicLrY01r5wdo7o1_500.gif

Offline

 

#20 2010-08-25 17:20:14

adriangl
Scratcher
Registered: 2007-07-02
Posts: 1000+

Re: Post mockups of customizable user pages here!

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

Great mockup, I think this will really help the Scratch Team!


Scratchin' since 2007

Offline

 

#21 2010-08-26 05:07:39

comp500
Scratcher
Registered: 2010-01-08
Posts: 1000+

Re: Post mockups of customizable user pages here!

This is a Great Wonderful Idea.  big_smile


800 posts! W00T! Oh sorry im not on a lot but at least i have 1000+ posts

Offline

 

#22 2010-08-26 17:01:12

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

Re: Post mockups of customizable user pages here!

samurai768 wrote:

Here's my mockup: http://scratch.mit.edu/projects/samurai768/1260510You could make it so that you could upload an image to put as the background. I hope you like my idea! Thanks!

Lovely! Simple, elegant presentation and really nice all around. How about adding some more features that show how the user would control the image displayed in the background, and choose which project they want to feature?


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

Offline

 

#23 2010-08-26 17:03:32

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

Re: Post mockups of customizable user pages here!

Lellowsfuzz wrote:

My mockup is kinda the same as samurai's(sorry if I was copying) exept I added some new art. (NOTE: Some of the things need to be bigger, make them bigger if you would use them on a website)

Really nice - it breaks a lot of conventions, but has a cool look.  I wouldn't worry about copying too much. In fact, the best mockups are likely to be those that many Scratchers have contributed ideas to. So please remix and add ideas!


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

Offline

 

#24 2010-08-26 17:05:19

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

Re: Post mockups of customizable user pages here!

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.


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

Offline

 

#25 2010-08-26 17:07:08

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

Re: Post mockups of customizable user pages here!

what-the wrote:

http://img831.imageshack.us/img831/7643/mockup.png
Just something I made quickly.

Cool - can you expand on what you mean by promoted projects? Are they the ones you want everyone to look at?


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

Offline

 

Board footer