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

#76 2010-08-31 23:23:10

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

Re: Post mockups of customizable user pages here!

AddZero wrote:

Jonathanpb wrote:

An idea: How about we all work on a list of features for customizing user pages before we start making the mockup? Then it might be more organized.  smile

I agree!
So far there are many "lists":
I tried to summarize ideas so far:

Excellent job of capturing all of the wants and suggestions.   And of carrying forward all of the detail!

Before we start to consider what will work together, I think that there is another group of stakeholders that ought to be interviewed:  The Scratch Team.  As administrators they might have a different want or "want to stay away from" list and as the implementers of Scratch 2.0, they might ask that there be something about the new user page that ties back to at least one of the four stated goals.

Wouldn’t it be fun if one of us could dial into one of their Scratch team meetings for a few minutes and ask Them what They want!


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

Offline

 

#77 2010-09-01 09:34:49

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

Re: Post mockups of customizable user pages here!

Digimath wrote:

Before we start to consider what will work together, I think that there is another group of stakeholders that ought to be interviewed:  The Scratch Team.  As administrators they might have a different want or "want to stay away from" list and as the implementers of Scratch 2.0, they might ask that there be something about the new user page that ties back to at least one of the four stated goals.

Great discussion! I really like the idea of coming up with a list of key features that most of you agree on, and then sharing and refining mockups that reflect those features. A few points I feel are important:

1. All customizable parts of the page -like background images, and text for the user's "status"- should be flagable, even if it just has a small flag icon next to it.

2.The interface must be simple enough so that someone with no experience programming will feel comfortable with it. They don't have to be able to understand and take advantage of all customizability on their first glance (although, that would be a nice goal). But it shouldn't feel confusing or scary at all, or interfere with the process of signing up, logging in, and getting started.

This page summarizes many of the goals we keep in mind when designing things for Scratch:
http://info.scratch.mit.edu/Suggestions_for_Scratch

Keep up this process - I'm excited to see what you all come up with!


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

Offline

 

#78 2010-09-01 16:20:27

werdna123
Scratcher
Registered: 2010-06-12
Posts: 1000+

Re: Post mockups of customizable user pages here!

Heres mine http://scratch.mit.edu/projects/werdna123/1275726  smile  -I think you should have a button to choose a ready made one, or be able to import one!  big_smile

Offline

 

#79 2010-09-01 17:14:17

terminator68
Scratcher
Registered: 2008-02-26
Posts: 1000+

Re: Post mockups of customizable user pages here!

I have an idea (not a mock-up)!

How about a button called "Show Background"? When you press it, everything except the navigation bar at the top (project icons, user icon, galleries, and favorites included) will disappear, so the background is visible!

If we can select our own backgrounds, then this would work....


--------------------Scratcher since '08--------------------
http://images1.wikia.nocookie.net/__cb20110314152018/mlpfanart/images/5/5d/Applejack_chewing.gif

Offline

 

#80 2010-09-02 09:34:16

HD123
Scratcher
Registered: 2009-12-05
Posts: 500+

Re: Post mockups of customizable user pages here!

I'm working on one...


~~HD123~~
Treat others as you want to be treated. |  big_smile  | http://i.imgur.com/OaNrY.gif | http://blocks.scratchr.org/libstatus.php?user=HD123&online=http://lemonfanatic.webs.com/ONLINE.png&offline=http://lemonfanatic.webs.com/OFFLINE.png

Offline

 

#81 2010-09-02 12:13:57

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

Re: Post mockups of customizable user pages here!

Alright Someone summarise all of the facts.  big_smile


Hai.

Offline

 

#82 2010-09-02 13:14:42

JTxt
Scratcher
Registered: 2010-05-19
Posts: 100+

Re: Post mockups of customizable user pages here!

fg123 wrote:

Alright Someone summarise all of the facts.  big_smile

Here's my updated summery:

samurai768:
- Changeable background image
- Changeable "featured project"

Lellowsfuzz:
- Changeable background image
- Changeable "featured project"

Jonathanpb:
- Changeable message.
- Arrangeable projects. (drag and drop.)
Lucario621 suggested to sort by date added, most viewed, most loved, most remixed, as well as arrangeable.

what-the:
- Latest section
- Promoted projects section
- Show latest checkbox
- Show promoted checkbox
- Show favorites checkbox

moocow98:
- Separate settings page
  - changeable colors: background, friend box, ignore list, gallery box,
  - featured project? none, newest, top-viewed, choose proj.
  - show message? checkbox, and changeable message.

lilacfuzz101:
- Changeable backgrounds
- Changeable message.
- Projects sortable by favorites, top loved, top viewed.
- A place for comments at the bottom of page.
Later listed:
"
changeable background
messages on userpage
ability to arange projects.
"

Lucario621:
- "Change color" link that shows color pickers for parts.
- Uploadable background or color. able to flag as inappropriate.
- changeable message (300 chars max.)
- sort by date, views, love-its, remixes

Digimath:
- arrangeable projects.
   - ability to select a project then a button to take that project to the front of the list.

fg123:
- rearrange sections. "Move the whole project section to the top, and move your user details to the bottom, or viceversa!"

Survivorduck:
- "AWARD SELECTED PROJECTS: Place an award on your 5 best projects, It will appear as a blur dot under the picture-thingy"
- Changeable bio
- Changeable background/color, can upload image.

ScratchDude101:
- Make a user page look like a YouTube channel. (like mine)
- Choose either Center or Tile for your background image
- Make the sidebar where all your uploads and favourites are the same for projects
- Make that huge box where a video you want to feature goes(Choose a favourite, make it so it displays{and toggle on and off autoplay} your most recently uploaded project, or a specific one of your projects).
- etc.

AddZero/JTxt (my list):
- All projects and resources the user made and likes in the same list/gallery.
- Make it easy for the user and visitors to filter the list by:
  - what the user made/likes,
  - projects/resources (sprites, costumes, backgrounds, scripts),
  - tags (the user added or agrees with).
  (...with hopefully the easiest to understand and use faceted search UI.)
- Changable featured project or resource. (drag and drop from the filtered list.)
  - with short changeable request for help for attention.  (also shown as a signature when leaving comments.)
- Star or "favorite" things to make them sticky at top of the filtered and unfiltered list.
- Changable colors (perhaps background image too.)
- Changeable bio
- Also option to pick from a set of background/color schemes, like twitter.

Lightnin*:
- All customizable items flagable.
"1. All customizable parts of the page -like background images, and text for the user's "status"- should be flagable, even if it just has a small flag icon next to it. "
- Simple, easy to understand interface; not confusing or scary.
"2.The interface must be simple enough so that someone with no experience programming will feel comfortable with it. They don't have to be able to understand and take advantage of all customizability on their first glance (although, that would be a nice goal). But it shouldn't feel confusing or scary at all, or interfere with the process of signing up, logging in, and getting started."

werdna123:
- Changeable bio
- Changeable background/color

terminator68:
- "Show Background" button. When you press it, everything except the navigation bar at the top (project icons, user icon, galleries, and favorites included) will disappear, so the background is visible!
- Changeable background/color

-----------------------------------------------------------

Some of the most suggested ideas:
- Changeable background image or color, uploadable image.
- Changeable bio or message.
- Changeable featured project.
- Projects sortable by favorites, top loved, top viewed. (by popularity on the site.)
- Projects arranged by the user, (by what the user thinks of the project.)
- Comments section.
- All customizable items flagable.

Last edited by JTxt (2010-09-02 13:28:46)


http://scratch.mit.edu/static/icons/buddy/524717_med.png?t=2010-06-15+09%3A48%3A36

Offline

 

#83 2010-09-02 15:46:19

MetharQuxid
Scratcher
Registered: 2009-10-14
Posts: 100+

Re: Post mockups of customizable user pages here!

Out of all of those I most like Survivorduck's and Lellowsfuzz's ideas.  big_smile


   Dapper Slime.                     
http://i46.tinypic.com/o8za1k.jpg

Offline

 

#84 2010-09-02 15:58:50

emilypie
Scratcher
Registered: 2010-01-30
Posts: 100+

Re: Post mockups of customizable user pages here!

here is my mockup  smile  http://scratch.mit.edu/projects/emilypie/1277217 i mixed up a lot of peoples ideas.  big_smile


"Captain Hammer threw a car at my head." -Dr. Horrible

Offline

 

#85 2010-09-02 18:14:48

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

Re: Post mockups of customizable user pages here!

owetre18 wrote:

I want to see all of this. The uploading pics. would be like (you upload a picture) then one of the mods has to approve it, then if it passes you an have it.

hmmm... i don't know, because avatar pics don't need 2 be approved, but they're wayyy smalller


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

 

#86 2010-09-02 18:22:56

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

Re: Post mockups of customizable user pages here!

JTxt wrote:

fg123 wrote:

Alright Someone summarise all of the facts.  big_smile

Here's my updated summery:

samurai768:
- Changeable background image
- Changeable "featured project"

Lellowsfuzz:
- Changeable background image
- Changeable "featured project"

Jonathanpb:
- Changeable message.
- Arrangeable projects. (drag and drop.)
Lucario621 suggested to sort by date added, most viewed, most loved, most remixed, as well as arrangeable.

what-the:
- Latest section
- Promoted projects section
- Show latest checkbox
- Show promoted checkbox
- Show favorites checkbox

moocow98:
- Separate settings page
  - changeable colors: background, friend box, ignore list, gallery box,
  - featured project? none, newest, top-viewed, choose proj.
  - show message? checkbox, and changeable message.

lilacfuzz101:
- Changeable backgrounds
- Changeable message.
- Projects sortable by favorites, top loved, top viewed.
- A place for comments at the bottom of page.
Later listed:
"
changeable background
messages on userpage
ability to arange projects.
"

Lucario621:
- "Change color" link that shows color pickers for parts.
- Uploadable background or color. able to flag as inappropriate.
- changeable message (300 chars max.)
- sort by date, views, love-its, remixes

Digimath:
- arrangeable projects.
   - ability to select a project then a button to take that project to the front of the list.

fg123:
- rearrange sections. "Move the whole project section to the top, and move your user details to the bottom, or viceversa!"

Survivorduck:
- "AWARD SELECTED PROJECTS: Place an award on your 5 best projects, It will appear as a blur dot under the picture-thingy"
- Changeable bio
- Changeable background/color, can upload image.

ScratchDude101:
- Make a user page look like a YouTube channel. (like mine)
- Choose either Center or Tile for your background image
- Make the sidebar where all your uploads and favourites are the same for projects
- Make that huge box where a video you want to feature goes(Choose a favourite, make it so it displays{and toggle on and off autoplay} your most recently uploaded project, or a specific one of your projects).
- etc.

AddZero/JTxt (my list):
- All projects and resources the user made and likes in the same list/gallery.
- Make it easy for the user and visitors to filter the list by:
  - what the user made/likes,
  - projects/resources (sprites, costumes, backgrounds, scripts),
  - tags (the user added or agrees with).
  (...with hopefully the easiest to understand and use faceted search UI.)
- Changable featured project or resource. (drag and drop from the filtered list.)
  - with short changeable request for help for attention.  (also shown as a signature when leaving comments.)
- Star or "favorite" things to make them sticky at top of the filtered and unfiltered list.
- Changable colors (perhaps background image too.)
- Changeable bio
- Also option to pick from a set of background/color schemes, like twitter.

Lightnin*:
- All customizable items flagable.
"1. All customizable parts of the page -like background images, and text for the user's "status"- should be flagable, even if it just has a small flag icon next to it. "
- Simple, easy to understand interface; not confusing or scary.
"2.The interface must be simple enough so that someone with no experience programming will feel comfortable with it. They don't have to be able to understand and take advantage of all customizability on their first glance (although, that would be a nice goal). But it shouldn't feel confusing or scary at all, or interfere with the process of signing up, logging in, and getting started."

werdna123:
- Changeable bio
- Changeable background/color

terminator68:
- "Show Background" button. When you press it, everything except the navigation bar at the top (project icons, user icon, galleries, and favorites included) will disappear, so the background is visible!
- Changeable background/color

-----------------------------------------------------------

Some of the most suggested ideas:
- Changeable background image or color, uploadable image.
- Changeable bio or message.
- Changeable featured project.
- Projects sortable by favorites, top loved, top viewed. (by popularity on the site.)
- Projects arranged by the user, (by what the user thinks of the project.)
- Comments section.
- All customizable items flagable.

Wow! nice, and thanks!


Hai.

Offline

 

#87 2010-09-02 19:06:05

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

Re: Post mockups of customizable user pages here!

Digimath wrote:

AddZero wrote:

Jonathanpb wrote:

An idea: How about we all work on a list of features for customizing user pages before we start making the mockup? Then it might be more organized.  smile

I agree!
So far there are many "lists":
I tried to summarize ideas so far:

Excellent job of capturing all of the wants and suggestions.   And of carrying forward all of the detail!

Before we start to consider what will work together, I think that there is another group of stakeholders that ought to be interviewed:  The Scratch Team.  As administrators they might have a different want or "want to stay away from" list and as the implementers of Scratch 2.0, they might ask that there be something about the new user page that ties back to at least one of the four stated goals.

Wouldn’t it be fun if one of us could dial into one of their Scratch team meetings for a few minutes and ask Them what They want!

agreed.


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

 

#88 2010-09-03 17:23:55

RocksAndFire
Scratcher
Registered: 2010-04-17
Posts: 1000+

Re: Post mockups of customizable user pages here!

I am going to post a mockup soon.

Offline

 

#89 2010-09-03 18:48:26

gnk2200
Scratcher
Registered: 2009-10-23
Posts: 100+

Re: Post mockups of customizable user pages here!

Here's my idea! Credit to samurai768.
My idea!

Offline

 

#90 2010-09-03 18:50:42

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

Re: Post mockups of customizable user pages here!

You know what might help? Making this a (shorter run time) Scratch Design Studio theme. that way a lot more scratchers would make mockups and you could get a lot more ideas. just an idea.  smile


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

Offline

 

#91 2010-09-03 19:46:53

RocksAndFire
Scratcher
Registered: 2010-04-17
Posts: 1000+

Re: Post mockups of customizable user pages here!

I have one! Not much. I made it in firebug.

http://imgur.com/S0Ceh.png

What it it is to pretty much stress a featured project. The big thumbnail won't be a thumbnail. You can play the featured project on your page.
Another thing is the customize option at the top. On that page you will not only customize your page, but your front page and other settings as well. Such as

Change Userpage Color
Change Usepage Background
Change Userpage featured Project
Show top remixed?
Show top viewed?
Show top loved?
Show friends latest?
Show curators?

And I have another idea. You should be able to make your own front page categories. Like:

MAKE A NEW CATEGORY

Category name: Untitled
Show at the: Top, Bottom
Display:
Most viewed
Most Commented
Most Loved
Most Remixed
Friends Projects
Most Favorited
Random My Favorites

That will make it so you could blend some categories together

Hope my suggestions help  big_smile

Offline

 

#92 2010-09-03 22:04:50

RocksAndFire
Scratcher
Registered: 2010-04-17
Posts: 1000+

Re: Post mockups of customizable user pages here!

Bump  big_smile

Offline

 

#93 2010-09-05 00:18:31

RocksAndFire
Scratcher
Registered: 2010-04-17
Posts: 1000+

Re: Post mockups of customizable user pages here!

um bump...

Offline

 

#94 2010-09-06 00:08:36

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

Re: Post mockups of customizable user pages here!

Nice mockup Rocksandfire!  smile


Hai.

Offline

 

#95 2010-09-06 00:23:12

JAMBAMtheSLAM
New Scratcher
Registered: 2010-09-03
Posts: 100+

Re: Post mockups of customizable user pages here!

How about just like Youtube user pages? You can name your channel, make a picture background, etc. But I like Jonathanpb's mockup.


http://i54.tinypic.com/2s7zwxs.png

Offline

 

#96 2010-09-06 09:53:02

RocksAndFire
Scratcher
Registered: 2010-04-17
Posts: 1000+

Re: Post mockups of customizable user pages here!

fg123 wrote:

Nice mockup Rocksandfire!  smile

Thanks!

Offline

 

#97 2010-09-06 13:17:31

SSBBM
Scratcher
Registered: 2009-10-09
Posts: 100+

Re: Post mockups of customizable user pages here!

Awesome idea. Here's a mock up:

http://i51.tinypic.com/2nkkrbn.jpg

Credit to Jonathanpb


http://goo.gl/zVfAp http://goo.gl/laci8

Offline

 

#98 2010-09-08 18:28:36

RocksAndFire
Scratcher
Registered: 2010-04-17
Posts: 1000+

Re: Post mockups of customizable user pages here!

SSBBM wrote:

Awesome idea. Here's a mock up:

http://i51.tinypic.com/2nkkrbn.jpg

Credit to Jonathanpb

That is awesome! The best one I think. I also want to be able to change the background.

Offline

 

#99 2010-09-09 14:07:59

Aidan
Scratcher
Registered: 2007-06-15
Posts: 1000+

Re: Post mockups of customizable user pages here!

I really like Jonathan's and SSBBM's!  big_smile

Offline

 

#100 2010-09-10 16:11:25

MetharQuxid
Scratcher
Registered: 2009-10-14
Posts: 100+

Re: Post mockups of customizable user pages here!

SSBBM wrote:

Awesome idea. Here's a mock up:

http://i51.tinypic.com/2nkkrbn.jpg

Amazing. <3


   Dapper Slime.                     
http://i46.tinypic.com/o8za1k.jpg

Offline

 

Board footer