Mtg 21/26: Tue-26-Mar-2024

Outline for Today

Card sorting in a couple of ways, project, Proctortrack

Administration

Response to Responses

Videos were popular! Here’s one that I really enjoy and it is very relevant (think about how)
exams (midterm and final) to be discussed on Thursday

Today

Card sorting for interaction design
Card sorting as a metaphor for group creation (whiteboard)
Questions?
Breakout rooms (15 minutes) then regroup

Summary

For Next Meeting

Submit your response to this meeting before noon tomorrow
Read Chapter 5 of ID-Book
Take quiz before the start of our next meeting

Wiki

Link to the UR Courses wiki page for this meeting

Media

Transcript

Zoom Audio Transcript

Good morning, everyone. So I realized I didn't update. I didn't publish my web page. So I'm just doing that now. So if you refresh today's meeting. it should be available for you. Sorry about that alright, so happy. Tuesday. So last Tuesday of March. It'll be the second of April when they meet again on a Tuesday. so it'd be nice if spring would come along soon so. and get into April showers to bring on May flowers. These are also outdated sayings, I think. anyway. So I looked at the responses. So the videos seem to be very popular. So I wanted to share one. That's I really enjoy, and it's very relevant, I think. So. I ask you think about how it is relevant. and it's called choice happiness and spaghetti sauce. So I won't show that in class, but you can look at it. So I want to take some time today. and our breakout rooms do 15 min and then regroup after session. So so don't go away When, when when you're in your breakout rooms, I'll return us with 5 or 10 min left, so we can regroup and discuss what was happening in in the breakout rooms. Okay? So a student came to my office hours yesterday asking about they explore Project peace it's due to in a day at the end of the day. So, and I was thinking about metaphors for creating groups in a grouping. and I thought we would explore that a bit. Today I'll try and do some sketching on the whiteboard. And so I was taught thinking about the metaphors, and it occurred to me that maybe it's a metaphor is like card sorting. So I have a stack of names of students. and I want to sort them into piles. so I could do that by taking them. If I want to make groups of 4, I can take them for 4 at a time. or I can put. put one in each group. and then the the second card in each group, the third card in each group. the fourth card in each group. and then and then occurred to me that that's maybe like dealing cards in the card game. Maybe that's a more accessible metaphor who plays cards. Okay, 2 2 card players. I'm also a card player. although not so much lately, because frequent in the past. I've been a card player. I don't do it as much lately. I guess we'll say that. But so if you're dealing cards to. there are different rules for dealing cards. But maybe you shuffle the cards. You cut the deck. You do some rearranging of the of the cards. but I want to mention a little bit card sorting as a tool for interaction design first. and then I have a link here to Nielsen Norman group. So uncover users' mental models for better information architecture. So the idea is. you put information on cards. So here's an example. With an athletic clothing. Ecommerce site might give a participant a set of cards, labeled sweatshirts, gloves, hats, tank tops. So the idea is that you're put them, put them into groups. into piles. and then you label the piles. So that's called an open card sort. So there aren't any rules about how many things to put into piles. or what to call them. So if we do a closed card sort. then we have the the categories listed here. and then you're asked to put them into as you encounter each card, then you put them into the pile which best matches label. So if we started with tops and accessories, then I don't know what you would call PC tops is one. You have bottoms as another category, and then accessories. So maybe put leggings and shorts into a category called bottoms Redding shoes. And now I'm not sure what joggers are. Anyone help you with a definition for that my feeling is that those are shoes as well. anyway. So if we have the, if we have the labels for the piles established, that's a closed card sort. and if we're asking users to name them, that's an open card sort. So if we've got the names there, we have also the term number of piles to me. So an open card sort. you could have varying numbers of piles based on the user. Does that make sense? Oh, okay. okay, thanks for all the the help with the definition of joggers. So okay, does that make sense. Kate? So we can use this to test our our menu structure if we have the commands that are in the in the menus as items on cards. then asking users to put them into groups and labeled the groups the most can be the names of the menus that we see in the toolbar. We're at the top of the screen top of the window. so we can test that. We're we're putting things where people expect to find them. and the ones that move around a lot are aren't consistently placed in the same pile. then we'd see an opportunity to redesign redesign either the menus or the the names for the functionality that appear there. Okay, so so you can't see this. Maybe if I share my whole screen. let me try that. Can you see my sole screen now? Even the picture of me and the even the video of Mia, the participant list. So when I look at the zoom interface here. it looks like I'm still sharing the screen. I mean just the browser window. Some people may be only so are only seeing the browser window. So is this, maybe a difference in? Okay. let me go back to what I was sharing before. So I want to make a whiteboard. So when I have, I have the floating interface now, and I'm going to do a screen capture, and I'll share this with you. So I don't see the whiteboard interface or option in the menu. We're in the control panel. and I don't see it in the more section, either. So I'm going to take another. So when I have the floating interface that you'll see when I post these. I don't have to do them separately. That's the second one. This is the first one. Can you access those. Kate? So so I wanted to do a whiteboard. and it's not there, and that drove me crazy a little bit, but that I've discovered a founder. I discovered that under new share I can do a whiteboard. so let me take a screenshot of that, and I'll post that later. Okay, so now we're collaborating on this. But let me try and drive. I can see her name's going across. So if you want to make the screen. this is the idea of of doing low fidelity prototype with the idea of Okay. who's moving my square. Was that me? I don't think so. Okay, maybe that's not a great idea to alright, so we have. No, I didn't. I thought I turned it off the collaboration part. Okay, I'm I'm just going to ask you to know that move the I'm just taking the names. I can see. I'm not trying to single anyone out. Okay? So maybe we have. So let's won't go into details of how he might. So maybe we have a counter here of how many people are in the group. Let's just do 9. How does it look so far? Thanks. I got some clapping hands there much appreciated. So the idea here is. I'm going to just put students into groups. And if I if I use a direct manipulation style. I can drag the names over and put them into groups. That's one way that I can make changes. Perhaps. So if I'm taking students from the students list and put them into groups. then they should. because I'm I only have this. Each student appears once here. so if I take them here and put them into the grouping. then they'll then their name will be removed from this list that's consistent with dealing some cards. Okay? So if we. how many do I have 8? So we can imagine selecting a student here. and I'm not gonna show. Show the intermediate steps here. But we could imagine doing a selection. or you can select more than one. If this is a really. really a box that allowed selections that control that goes select on an h hedged on a web page. Let's imagine that I can. so I can't pick names at random. But let's put Scott and Kevin into one group. So if I'm take the names and drag them and drop them here can imagine that happening there, let's save this and and so on. Let's do one more. No, why can't I edit that? Okay? So then let's imagine another step would be well. I did something to it. so we could say, drag Daryl into a group with James. So each of these 3 groups would have 2 in them. So what I went to illustrate was. this is a low fidelity prototype. So we're showing the steps. We're showing a sketch of the steps to operate the interface. So. and I've I've left out a couple of details here so we could do a bit better sketch and and allowing multiple selections from a a select control. for example. So we can use a direct manipulation style interface in this case. So does this make sense. I will try and figure out how to edit this. So we get. I can demonstrate a few more things here any questions about this. So if I so if I'm doing a direct manipulation style interface here. then that maybe that supports the idea of dealing cards or sorting cards into groups. is this helpful? Okay? So in order to stick with my timeline, let's do the breakout groups. If if there questions now about this and how it relates to our explore segment that's due today at the end of the day. If there aren't any questions I'll I'll do the breakout groups now. Breakout rooms. Pardon me. so I'm going to let you choose your your rooms same same rooms as before for your groups. So if you're not sure which room you're to go into. look at your Project group communication form for the breakout room that I sent you last week. Okay. so they're open now. So please join your breakout room that you've been assign for your group. Okay?
Most of your mic is on mute.
So I had a few more questions in groups. So anyway, just to wrap up in our last minute or 2, here was that helpful any questions. So the idea of the low Fidelity prototypes is to represent an interface, an interface design based on the metaphor you've chosen are the 2 metaphors you've chosen. And so that's what I try to do in the whiteboard, and I'll clean those up and share them as pictures that if I can. So if you have questions, stick around. I'll stay till one. if that's possible. Otherwise. yeah. send me a note, and I'll work on getting a reply. We got another class coming up, so we'll get. That's if you can stick around. If you have questions. then we'll do that. If you don't have questions or you have to go. Have a good day and see you on Thursday. Okay. thanks. Everyone. Take care. Okay, so what questions? So can you unmute yourselves if you have a raise your hand, if you have a question. Okay? So, NASA, can you unmute yourself and ask your question?
Sure, Professor, so as stated in the assignment, it says that have to choose interface metaphors, and what would be suitable to help users understand the activities. So in in the metaphors section in the textbook. they don't have like an actual metaphor that can correspond with the activity. So do you have, like an example of a metaphor that can be used.
Okay, so did you understand my metaphor of card sorting or dealing cards?
Not not exactly. I was able to catch up with you till the mid mid part, but then I lost you somewhere.
Okay. So the idea was. we have this. The students let me see if I can bring that up. This is what we started with. Right.
Yes, yes.
So the students' the deck of cards. And you can imagine a direct manipulation kind of interface where I, Greg names from the students list into the group, into the the groups. So these represent 9 groups that I have in the yeah project. So as I drag think this worked. So if I dragged first 2 names to the first group, then I have to to 2 cards in this pile.
Hmm.
And then they disappear from the list of students. Okay, yeah. So once the students list is done. I don't have any more cards to deal with. So I just but I can manipulate. I can switch. I wanted to show the idea that I could say. Take Kevin from group this first group and put them in a different file. So there's Scott would be in one, and Kevin would be in another.
yes, this is okay. But what would you say in the metaphor for this prototype.
So it's like sorting cards or dealing cards, dealing, dealing, playing cards. So the number of groups is the number of players.
Okay.
And then the number of cards each file or each the members in each group is the number of cards each player gets.
Okay. okay. And
If we're dragging and dropping. So the direct manipulation style of interaction is.
Is the metaphor for this.
No, but it, it encourages it. Okay, it influences the metaphor. If if we can do drag and drop.
Okay, okay. So still my question. oh. was I was asking like, what example would you show as an example for a metaphor. or should we just treat it as a figure of speech? And we can influence and metaphor by ourselves, and then associated with it.
So whatever you activity, you're relate to groups that you've selected say, this activity is like something so.
Okay.
I said, making groups is like dealing cards.
Dealing cards. Okay? Okay? I understood. Okay.
Okay.
Okay? And then there are 2 metaphors for
Yeah, so think of 2 ways to think. Think of 2 different ways. to conceptualize the problem, to say, well, it's like dealing cards, but it can also be like something else.
Okay, okay. so what our main problems that we discovered in our understand part was group dynamics and following groups performance. So that I'm I'm probably not able to think about it right now. But the prototype for that, I'm thinking, is like making an actual interface of the Urses, which is like an edited version, you know, like we can, I will schedule.
And you. yeah, you just doing sketches.
Okay, and then there will be 2 sketches, and then 2 for 2 interfaces.
2 sets of sketches. Yeah, you might have more than one.
Okay.
I mean, you might sketch more than one screen as you show the the progress through the steps.
Okay, okay. So here for 2 metaphors, there can be 2 sets of sketches. And then do we have to? Have any theory, part included in the Pdf. Or No.
Any what.
Like theoretical part like, do you want us to define those modifications.
No, just what I've asked for. Just say. describe, describe just to describe what's going on.
Okay. Okay.
Okay. So I, I have another question here. And we're okay.
Okay, okay. okay, so can I ask one last question before I let you go here.
If it's I'll decide if it's I'm gonna answer it. Okay.
Okay, okay, okay, so your last point on then explore project is, do different interface type suggest alternative design insights or options.
Is dash. So here I'm doing interaction with direct manipulation. Most example.
Okay.
So does that.
Okay, okay, so there should be different types of interactions.
No, it's just a question to help you think about it.
Okay, it's just question how? Okay? It's not a point which we have to fulfill in the assignment.
Right.
Yeah, it's just ha helps us to think about the assignment.
Okay.
Okay. Thank you.
I'm gonna cut you off.
Thank you. Thank you.
You're welcome. Scott.
Is it possible to share screen? I don't want to do it. If there's a bunch of students in here because it is our assignment just to kind of give you an idea of what we're what we're dealing with.
Yeah, okay. So. Michaela, you're in Scotts group, are you.
Yeah, it's and Julia as well.
Yeah. So ashraful. Do you have a question? Okay, I'm gonna remove you from the meeting. K. Harris. This is a TA, so you can go.
Chance I can get permissions to share.
Yes, I keep forgetting about that. Yeah, there you go.
Says I can't share, because we're on a whiteboard collaboration.
Yeah. Okay. there. try that. Now.
Alright. Do you see everything that's here? So basically, we made our first metaphor. Our first metaphor is a low fidelity prototype of a Rolodex. You know you're creating individual cards. Then you organize them. Then they get placed into a roller decks, which is kind of similar to how your courses is running things. That's what we thought you wanted for our prototypes. We ran our scenarios, which are fine, we analyze them. We gave negatives and a conclusion. Our second prototype is the fridge, you know, individual groceries Aka students. Then they get grouped up, and then they get categorized in the fridge. So you have, like your groupings. Sorry your groups with your groupings. So now you're basically saying, judging from class today that you wanted something that would be similar to. And I mean, this is just I don't know if I can see if you can see this, I might have to swap my share. Okay. so you want something basically like an interface style. Then.
Yeah, just a rough drawing of the interface.
Okay, so that's that's where we missed, or that's where we misunderstood the the assignment. We were thinking that we're drawing these interface based off of metaphors.
Some nice drawings. By the way.
Yeah, these ones here. Yeah, you can. You can thank Julie for that. She is definitely an artist.
Yeah, so so keep those. But just.
But you want something similar to like what we are doing in class today on the on the whiteboard.
Yeah.
Where we had explained. Like, I'm.
And.
This one almost is similar to what you have, where you would have your people, you create your cards, place them in there you have your projects. That type of thing. Okay.
Yeah.
Okay. perfect. I think that is.
So if you need another day to polish things up, that's okay.
Okay. yeah, we just we. We misunderstood the the metaphor to interface drawing. So we we were thinking that we were drawing our metaphors to explain how you would create a group and how those would. Basically, our our assignment is like creating groups and groupings. We had that at the very beginning when we first started and then I think it was a couple of classes later, where you said we should break it up a little bit. So we kinda preemptively started early. So.
Okay. yeah. So thanks for clarifying that. does that make sense.
Yeah, it does. Now.
Sorry for the confusion.
No, it's all good. It's it's understandable. Well. we're just happy that we got it answered now, and we'll get those. We'll get those interfaces put in there, and we'll have that resubmitted.
Okay.
Yeah, definitely clear things up. Thank you.
You're welcome. Okay? Anything else.
I'm good. Okay, Misha, you're good. Yeah, I'm good. Julie, you good.
Yeah.
Perfect thanks. Again Dr. Hepton.
You're welcome.
Alright. Thank you.
You're welcome. Take care!
Good day.
You as well. Bye, bye.
Bye.

Zoom Chat Transcript

Morning
good morning
Good morning
morning daryl
morning
Good morning!
Good Morning
Good morning!
Good morning
Good Morning
Good morning!
Yep
its been a while
Morning Professor,
Hello,
I mailed you about the quiz today, I answered but it is not showing in the portal and seems like I did not answer quiz, I also mailed you with the answer of the Quiz. Please can you have a look on it. I am concern about that. Thanks
fancy word for sweatpants
Jean sweatpants
joggers are a type of pant
They are like sweatpants with the bottom tighter
Reacted to "fancy word for sweat..." with 👍
I just see the Card Sorting page, is there something else we're supposed to see?
Can you see the whole screen (my screen)?
I don’t think so
only see the browser
yes we can see your screen share and your video
Can see the screen, which has the browser window
Yes, we only see the browser window.
yes we only see the browser window
I think Zoom hides the interface mostly by default.
Could be wrong about that.
https://www.dropbox.com/scl/fi/eb93z3kkuq5abgraadkln/21-02z.png?rlkey=1e40rsthj6c212cl6wgercl5t&dl=0
https://www.dropbox.com/scl/fi/q3wx12xuh7l7qnap63jgq/21-01z.png?rlkey=39ouml6wjl0h4rj5xrmjob7x5&dl=0
yep
yes
Sorry I might have missed it before but will you accept sketches (on paper)?
Can you scan them or take pictures of them to include in your pdf?
Oh yeah that’s what I was asking sorry
your muted
I still have questions professor can we go to a breakout room ?
Sounds good
Have a great day!
Thank you

Responses

What important concept or perspective did you encounter today?

How to create a low fidelity prototype using metaphors.
low fidelity prototype
Card Sorting
Understand better how to do low fidelity prototypes
I enjoyed what Daryl was showing us during the zoom meeting with the whiteboard, and I found it important that our professor broke us into breakout rooms to make sure we're understanding everything.
The low fidelity prototype
Fidelity maps got shown and described helped me know that I was on the right track for what I did in the assignment
I now have a better understanding about how mobile-specific design is so important, and different form any other type of design.
The card sorting being as a metaphor
Talked about card sorting for interaction design and card sorting for grouping.
I learned that the zoom whiteboard can be used for a low fidelity models, which was an interface that I would have never thought to have used. I thought it was much easier than drawing it out like my group did
Daryl asked us to look at the video "Choice, Happiness and Spaghetti Sauce", which I watched directly after class. The thesis is that embracing diversity will lead to true happiness. Humans are variable, and no one product will appeal to everyone or accommodate them in the same way.
What the low fidelity prototypes are meant to truly look like
We have discussed about card sorting for interaction design and applied that in using whiteboard feature of Zoom
The optional video shared in class to watch at our free was interesting
In todays class, we discussed about Card sort metaphor. Also, in breakout room, our team discussed plan for upcoming assignments.
The importance of mobile perspectives and how users may benefit from accessibility options!
Card sorting metaphor
card metaphor + organizing, project clarifications
How to make a lofi prototype and the metaphor of sorting a deck of cards
Low fidelity prototypes, stacks of cards example
An important concept I encountered today is card sorting and their use to uncover users' mental models of the information architecture of a digital product.
Just discussed about concept, as per course syllabus
In today's lecture we discussed about Card sorting for interaction design, Card sorting as a metaphor for group creation (whiteboard), Breakout rooms created for project doubt solving and other discussions.
Card sorting as a metaphor, and discussion about assignment
Nothing much!
Card sorting for interaction design
Card sorting as a metaphor
Different ways of using metaphors for approaching a design problem
We looked at the card sorting and built a low-fidelity prototype for group creation from the metaphor on the whiteboard of the Zoom.
card sorting
Today's concept was about card sorting for interaction design, and the professor prototyped a grouping interface using the card sorting metaphor, and discussed the project in the breakout room.
learnt more about metaphors , especially the cards metaphor

Was there anything today that was difficult to understand?

Not really.
Everything was well-explained.
no
No
Nope all my questions were answered
No but I am confused on how the upcoming assignment is going to work so some discussion on it would be helpful
no
When the card sorting relates to interaction design
everything was straightforward
No, I was grateful for the extra time with the group though.
On when we are supposed to know what groups we are paired with
No, everything was easy to understand
No there was nothing I found hard to understand
nope
Nothing today!
Everything was perfectly explained
no
No.
I really understood everything
Not really, but just a bit concerned about the midterm grades as it was really difficult.
No
No
no
none
No
There were no difficulties today.
No
no
No, nothing is difficult to understand and something that I got interested is group discussion with group member.
noting difficult to understand

Was there anything today about which you would like to know more?

How to write scripts for the materialize part of the project.
high-fidelity prototypes
no
No
More about the next assignment and how the testing phase will work and be gone about
I would like to learn more about how the real app-development process works, and how designers are involved.
Its low fedility prototype
not at all. Maybe some reading would help understand in depth
Not really, other than maybe some better digital ways to build low fidelity and possibly even high fidelity models.
I'd like to know more about how the concept of horizontal segmentation could work in terms of software design. Is the answer to provide multiple different interfaces? Multiple different options of doing the same thing different ways? How is it possible to do this when making a single product? Is it possible at all?
No, there wasn't anything
I would like to know more about our performance on the last assignments. Since the assignments build on each other, feedback on the previous assignments would be nice so we know if we are on the right track
nope
If we need to pair up with other groups for the next assignment? Ans how would that work
What importance do views play in relation to interaction design?
No
no
No.
More about assignment and final exam.
I would request that we submit the last project part sooner than the due date because in april there are more finals exams, so that everything won't get more piled together and more difficult also.
No
No
no
Metaphors
No
I would like to know more about the other metaphors that can work together with the card sorting. Also, the pros and cons of the card sorting.
No
no
yes , learning more about metaphors to apply into group project

Site built: 2024-11-20 14:19 -0600 • Give feedback about page