This is the P2PU Archive. If you want the current site, go to www.p2pu.org!
User Experience Design | ENG PT ESP
My recent threads
You haven't posted any discussions yet.
Recently updated threads
- [W6] Group M - R Wed, 2011-04-06 16:28
- [W7] Presentation Sat, 2011-04-02 18:45
- Global Service Jam 2011 Wed, 2011-03-23 19:32
- [W6] Group G - L Thu, 2011-03-17 01:19
- [W6] Group S - Z Sat, 2011-03-12 04:44
[W6] Group M - R
Go back to: General discussion
Here's the space for everyone with names starting with the letters from the sequence M to R to develop W6's proposal.
Hi Group Members! Happy to be working with you! I've got some skills using Photoshop and I could contribute by doing the wireframe mock-ups or visual interface representation of the ideas that we come up with. Cheers! :)
Hi! looking forward to start joining our ideas to do something spectacular! We could probably start brainstorming, what you think?
Yeah, we could start with that. Do you think it's feasible to set up a brainstorming session so we can all talk in real time? If not, we can just post our comments here :)
that would be great, maybe we could all say which is our time-zone? in mi case (GMT+2) in Finland, just to see if this is posible sometime throughout the project process...
My time zone is (GMT -3 : Brazil, Piauí).
I prefer the afternoon hours. For work in the morning and evening study.
My time zone is (GMT -5 : Jamaica)
my time zone is Sydney, Australia (GMT +11 hours)
I would like to help through the creation of mockups in Fireworks and Illustrator.
I can also help in the matter of interaction.
I am very perfectionist about the design and interaction. :-)
ok, it's probably complicated to set a meeting, so why don't we decide a tool like google docs or anything like that so we can start working?
I am not in the webcraft world, so which is the mockup tool we could use to develop our ideas?
the deadline is 18th, so there's no much time...
You can try:
https://gomockingbird.com/mockingbird/
to do the wireframes.
Hi everyone,
I'm sorry for the late post. I have a mockup in Mockingbird (thanks Joao!). To view it, please reply to this comment, and then I will send you the link.
Thanks!
Hey Pauline. Thanks for starting the mockup. May I see the link please?
Pauline, please contact me at P2PU, there you put the mockup.
I await contact.
Thanks for the link Pauline! I like your mockup! It seems user friendly, and has many of the features we discussed. The only thing I would add is copyright information on the footer.
Thanks Roger for the input! Well this mockup is only for the "sending" side, so we still need ideas for the "receive gift" side. Maybe something like what was in Week 4 (http://p2pu.org/webcraft/node/14686/document/26754) ? It can be a starting point for our group to brainstorm.
Or, if you guys prefer to make "visual" comments:
1. Take a screenshot of Mockingbird
2. Create a Twiddla.com meeting and upload screenshot
3. Write/draw on the screenshot using Twiddla
You guys can use Google Docs' drawing tool as well.
Hi guys! how can I access the mockup? thanks!
Hello Rosa, did you receive my message?
Hi Pauline, sorry for the late answer, I've been out for a few days.. I am leaving my input with a new coment. And thanks for your work!
Hi everyone,
I added the receiver's part to the mockup. I'd like to get your inputs.
I can also give editing access to Mockingbird, but I'm using the free version so I can only add 2 other e-mail addresses.
Hi everyone,
I added the receiver's part to the mockup. I'd like to get your inputs.
I can also give editing access to Mockingbird, but I'm using the free version so I can only add 2 other e-mail addresses.
Hei!
the mockup looks quite complete to me, the interface is clear to follow, and it is very easy to learn how it works as it shows which is the step of the process that the user is in all the time.
I had the idea of making of it not only a website, but propose a complete service, so who is giving the present can actually buy the item online, and the receiver can go for it to a shop that is part of the service.
The person who is giving the present could access the stores that are subscribed in the receiver's area, the service could promote stores with artisan articles.
This could be done by adding to the mockup a page giving the option of giving a real gift, and user can decide if doing so or keep with the free digigift, I've done a little mockup that could be added to the existent one, with the framing that Pauline designed.
I've shared the pdf version here,
http://dl.dropbox.com/u/23682696/UX-2.pdf
What do you think?
Thanks for this great idea Rosa! I updated the Mockingbird with your idea. I just split the page into two steps so there's not so many form elements on one page.
I will send the Mockingbird to Joao and Euge after this, as we are already in week 7.
It looks great! thanks for adapting the idea to the frame you designed! and thanks for all your work! :D
Thanks for your hard work so far Pauline! I have one suggestion for the addition of Rosa's idea though. For the part that says "SPECIAL OFFER: SEND A REAL GIFT" - Could this be clickable? The only way I saw to get to Rosa's idea was to click the shopping cart icon at the bottom of the page. I was bit confused about how to get to it for a little while, then I found the shopping cart at the bottom, so maybe the typical user would be confused also. Great work everyone!
Hey guys,
Great work! Sorry I got back so late. The mockups are great, and the idea of the paid version is a cool addition to the original concept also.
Can anyone help with making a project writeup/description in the W7 forum please? If possible, to make it multilingual...English/Spanish or English/Portuguese. Like when Joao or Euge writes in the forums.
Volunteers please. ;)
I can do it, English and Spanish are ok for me but as English isn't my mother tongue it could be great if any of you can revise the description, ok?
I was going to volunteer to do the writeup, but I could revise the English version that Rosa is going to do.
Hi Roger, if you want you can do the English version and I can write the Spanish one, is that ok with you?
Hi Rosa,
Do you mean two separate versions? Or do you want me to write the English version first, then you translate it into Spanish?
I can translate your description into Spanish, so we state the same info in both.
Okay Rosa. No problem. I made a suggestion to Pauline about integrating your idea into her original mockup design. If she agrees with my suggestion, after she edits the mockup I can start writing the description.
Thanks Roger for that important feedback. I just removed the blue outline so the text doesn't look like a button, is that OK? I also made the "No" and "Yes" choices a bit bigger so they are easier to see.
You're welcome Pauline! The changes you made make it much easier to use. I had another idea this morning to add to it. What do you think about this? - On the final page where you have a button that says "SEND GIFT" is it possible to make that button clickable, and when it is clicked it takes you to a page that says something like "Your Gift has been sent. Thank you for using Digigift!" Then below that would be a button, that when clicked, it takes you back to the Digigift Homepage.
Great navigation idea, Roger. I've added the page, check it out. Thanks!
Hi again Roger. I am waiting for the english presentation so I can translate it into Spanish, are you sure you can do it?
Hi Rosa and Pauline,
I'm very sorry for taking so long to send you the English presentation. I'm working on it right now. I just noticed that the section where the user gets to pay is not included in the wireframe. I'm including in the writeup that the user is allowed to pay using a credit card, cheque or paypal. Then after they pay, they'll be taken to the send page. Can anyone include this in the wireframe diagram please?
Thanks.
Hi Roger and Rosa,
I'm sorry I was offline for long. I see that the W7 presentation is done! I appreciate it a lot.
I updated the wireframe with the payment step, thanks for noticing that.
Hi Pauline and Rosa,
You're welcome. Thank you both for your hard work as well!
Hi guys! finally we did it, I'm very happy with the result! Thank you for all your work! :D
You're welcome Rosa! It was a great experience working with you all. Are you guys on twitter? If so, please connect with me. My twitter handle is @layerphase. I'd love to keep the connection with you guys even after this course is officially ended. Thanks.
English Version of Presentation:
The following is the presentation of Group M - R.
Our project represents the digital experience of receiving and giving gifts. Our product is called Digigift. It allows
a user to either send or receive a virtual gift or a real one.
Our wireframe presentation can be seen here:
https://gomockingbird.com/mockingbird/#6oybdsz/mBiAW
Main/Home Page Description:
When the Digigift web application is first loaded, the user
will see a page that provides them with a main navigation that alows the user to click to view pages that offer
information about the application, or to get back to the
home page once the user navigates away from it.In
addition to this, on the home page, the user is offered
options to either send a gift or open (receive) a gift, by
clicking the relevant buttons. The user is also allowed to
choose either Spanish or English as their preferred language
when using Digigift.
General Process of Sending a Gift:
A user may send a gift by clicking the "START" button on the
home page of the Digigift web application. When this is done
the user is given the option of sending a free virtual gift, or to buy a real gift from a local Artisan in order
for it to be sent to the gift receiver. Regardless of which
type of gift a user chooses to send, he or she will be taken
to a different page that guides the user through the process
of selecting and sending a gift. On each of these pages
there is a highly visible bar at the top that shows the user
what step of the gift giving process is currently being
experienced. After each completed step, the user has the
option of moving forward, or going backward to the previous step.
Sending a Free Virtual Gift:
The experience of sending the free virtual gift includes
3 steps. These are picking, wrapping and sending. The
first step allows the user to select the gift that they
would like to send from a visual list of free virtual gifts
offered by Digigift. After this, when the step 2 button
button is clicked, the user will be taken to the Wrap page
that allows them to choose the type of wrapping to use as
well as different styles or patterns of the wrapping. After
this, when the step 3 button is clicked, the user will be
taken to the Send page which gives them several other
options to make the gift receiving experience more
pleasurable. These options include writing a note, adding a
photo, as well as adding a sound file. In addition to this,
on the Send page the user is required to enter the name and
email address of the recipient of the free virtual gift.
After this is done, the user is required to click a button
in order to preview the gift. On the Digigift preview page
the user will see the gift in the same way that it will be
presented to the receiver. On this page, the user is allowed
to either go back to step 3 in order to make changes or to
send the virtual gift by the clicking the corresponding
buttons. If the send gift button is clicked, a "Thank You" page will be shown to the gift sender and an email about
the virtual gift will be sent to the receiver's email
address. In this email, the receiver will be given the web
address of the Digigift web application, as well as a specific code to use in order to gain access to their virtual gift.
Sending a Real Gift:
For sending a real gift, the user is allowed to select a country or city where he or she would like to buy a real
gift from an Artisan in that geographic area. After this,
the user is allowed to click the "Find a gift" button that
will take them to the first page of the 3 step process of
picking, paying and sending the gift. In the first step of
this process the user is allowed to select a store and a
specific gift that they want to buy. For step 2, they are
allowed to pay using a credit card, cheque or online services such as paypal. After this the user will be taken
to the same Send page that is used when sending a free
virtual gift. And the process of previewing and finally
sending the gift is the same as with the free gift after this.
Receiving a Free Virtual Gift:
An email about the virtual gift will be sent to the
receiver's email address. In this email, the receiver will
be given the url or web address of the Digigift web application, as well as a specific gift code to use in order
to gain access to their virtual gift. When the user clicks
the the url link, the home page of the Digigift web application will open in a separate web browser window.
On the Digigift home page, the user is required to enter the
gift code that was emailed to them, then click open. When
the open button is clicked, the user will be taken to a page
that shows a picture of a wrapped version of their gift. On
this page they can either choose to unwrap the gift or read
the card that was sent with the gift. If the "See what's inside" button is clicked a page will be loaded that displays the gift, along with a short description of it, as
well as another button to read the card. When the "Read the
card" button is clicked, the photo, sender's message, along
with the audio file will be displayed and played on the next
page. Below all of this, the gift receiver is given the
option of sending a gift as well.
Receiving a Real Gift:
Using Digigift's premium package shipment services, the real
gift will be delivered to the home or specified address of the receiver. A maximum delivery time of 1 week is required for deliveries anywhere in the world.