大学生电子设计大赛案例分析_为大学生设计问答平台—案例研究

大学生电子设计大赛案例分析

Dealing with academic-related questions like picking a course, fulfilling a major requirement can be tedious and ineffective when you have to simultaneously balance school work, social activities, and focus on personal growth and career development.

当您必须同时兼顾学校工作,社交活动以及关注个人成长和职业发展时,处理诸如选课,满足主要要求等与学术相关的问题可能既乏味无效

With the goal of tackling this problem, my friends and I decided to bring Inquiry, a community Q&A web app for college students, to life.

为了解决这个问题,我和我的朋友们决定将Inquiry (面向大学生的社区问答Web应用程序)带入生活。

了解问题 (Understanding the Problem)

用户研究 (User Research)

I distributed a survey to get a general sense of students’ experiences in getting answers to their academic-related questions. Among the 40 respondents, more than half of them believed that getting their questions answered was not easy, and around 43% of the respondents said they always have more follow-up questions.

我进行了一项调查,以大致了解学生在获得与学术有关的问题的答案方面的经验。 在40位受访者中,超过一半的受访者认为回答问题并不容易,大约43%的受访者表示,他们总是有更多的后续问题。

After getting responses from the survey, I decided to conduct interviews with several college students, and the goal is to discover their pain points.

在从调查中获得答复后,我决定对几名大学生进行访谈,目的是发现他们的痛点。

主要发现 (Key Findings)

1. Information that is vague and general wouldn’t be helpful to them.

1.含糊而笼统的信息不会对他们有帮助。

“School websites are not really helpful to me…they are just too vague.”

“学校网站对我没有真正的帮助……它们太模糊了。”

2. When students only have quick questions and hope to have them answered right away, the process of getting answers could be time-consuming and frustrating.

2.当学生仅有快速提问并希望立即回答时,获得答案的过程可能既耗时又令人沮丧。

“… I only have a quick question that can be answered in one sentence, but it takes time for my advisor to get back to me via email, and it’s not worth my time to walk across half of the campus to the advising office.”

“……我只有一个简短的问题,可以用一句话回答,但是我的顾问要花一些时间才能通过电子邮件与我联系,而花时间遍历整个校园的一半去咨询办公室也不值得。”

3. Students tend to take or receive feedback from peers who have been in their shoes.

3.学生倾向于接受或接受同龄人的反馈。

“I know some upperclassmen from my major, so I usually just reach out to them when I have questions.”

“我认识我专业的一些高年级生,所以我通常在遇到问题时才去找他们。”

用户角色 (User Personas)

Before diving into ideations and design, I created a user persona based on the research to guide me through the design process.

在深入研究思想和设计之前,我根据研究结果创建了一个用户角色,以指导我完成设计过程。

Image for post

问题 (The Problem)

Students want to get answers for questions that are specific to their academic disciplines, but they have hard time doing so because:

学生希望获得针对其学科的问题的答案,但是他们很难这样做,因为:

1) Information they obtained are often too general or vague.

1)他们获得的信息通常太笼统或模糊。

2) It’s hard to reach out to people who’ve been in the same shoes.

2)很难接触到曾经穿同一双鞋的人。

最终解决方案 (Final Solution)

Prototyped in Figma
在Figma中原型制作

设计过程 (The Design Process)

构想 (Ideation)

I used “How Might We” questions to help myself brainstorming opportunity spaces and solutions that could be implemented.

我使用“我们的力量”问题来帮助自己集思广益,探讨可以实施的机会空间和解决方案。

  • How might we make getting answers or relevant information more efficient?

    我们如何使获得答案或相关信息的效率更高?

  • How might we connect inquirers with potential answerers?

    我们如何将查询者与潜在的答复 者联系起来?

  • How might we encourage people to ask questions without feeling awkward and uncomfortable?

    我们如何鼓励人们在不感到尴尬和不适的情况下提出问题?

  • How might we ensure and encourage constructive answers?

    我们如何确保和鼓励建设性的答案

确定所需的内容和功能 (Deciding on Required Content and Features)

Based on HMW’s, I decided to incorporate the following key features:

基于HMW,我决定合并以下关键功能:

Image for post

To include proper implementation, I also took a look at similar platforms on the market, such as Quora, Yahoo Answers, and Reddit. After studying their features, user flows, and design patterns, I came up with a basic hierarchy including the necessary functions for this app.

为了包括适当的实现,我还研究了市场上类似的平台,例如QuoraYahoo AnswersReddit 。 在研究了它们的功能,用户流程和设计模式之后,我提出了一个基本层次结构,其中包括该应用程序的必要功能。

Image for post

初步探索 (Initial Exploration)

I would like to design an intuitive and enjoyable user experience for the target audience (college students just like myself), and deliver a product that was based on three user goals:

我想为目标受众(像我这样的大学生)设计一种直观而愉快的用户体验,并提供基于三个用户目标的产品:

1) Users feel comfortable asking questions. 2) Users trust their peers to give honest and helpful answers. 3) The entire process from asking a question to getting an answer is quick and easy.

1)用户可以轻松地提问。 2)用户相信他们的同伴会给出诚实和有益的答案。 3)从提问到得到答案的整个过程都是快速 而简单的

With these goals in mind, I started off by turning my ideas into sketches.

考虑到这些目标,我首先将想法变成草图。

Image for post
Low-fidelity Sketches
低保真草图

中保真设计 (Medium Fidelity Design)

查看答复的流程 (The Flow of Viewing Replies)

In figuring out the flow of viewing replies to a post, I came up with the following iterations:

在弄清查看帖子回复的流程时,我提出了以下迭代:

Image for post
Explorations of the Flow
流程探索

Flow A enabled individuals to see replies of a post without the need to navigate to another screen. I originally thought this iteration would make it easier and quicker for users to access the responses of a post, but then I realized that it would actually overwhelm the users with too much information on the same page.

Flow A使个人无需导航到另一个屏幕即可查看帖子的回复。 我原本以为,这种迭代将使用户访问帖子的回复变得更加轻松快捷,但是后来我意识到,它实际上会使用户在同一页面上获得太多信息而感到不知所措。

It was clear to me that Flow B was a better option because this iteration provided a less cluttered user interface. It avoided users from losing engagement by reducing information overload and creating a clear visual distinction between the main post section and the comment section. Also, with a larger and emphasized section for writing comments, users would potentially offer detailed and thorough responses.

在我看来,Flow B是更好的选择,因为此迭代提供了一个不太混乱的用户界面。 通过减少信息过多并在主要文章部分和评论部分之间建立清晰的视觉区别,它避免了用户失去参与度。 另外,如果用户在撰写评论时使用较大且强调的部分,则用户可能会提供详细而彻底的回复。

“创建帖子”的入口点 (The Entry Point for “Create a Post”)

In deciding the entry point for creating a post, I considered the four options below.

在确定创建帖子的切入点时,我考虑了以下四个选项。

Image for post
Entry Point Iterations
入口点迭代

Option A had a contained button placed next to the search field. Since the actions of “Search” and “Create” are irrelevant to each other, this design might lead to potential confusion for users. I did not pursue B, a text button with an icon, because text buttons are typically used for relatively less important actions, but making a post is one of the most important features for this app. Option C is an extended floating action button that includes an icon and a text label. It introduced the entry point for creating a post with the highest emphasis, but the text-heavy button design would clutter the screen.

选项A在搜索字段旁边放置了一个包含的按钮。 由于“搜索”和“创建”的操作彼此无关,因此此设计可能会给用户带来潜在的困惑。 我没有追求带有图标的文本按钮B,因为文本按钮通常用于不太重要的动作,但是发布帖子是此应用程序最重要的功能之一。 选项C是一个扩展的浮动操作按钮,其中包括一个图标和一个文本标签。 它引入了创建重点最突出的帖子的切入点,但是文本过多的按钮设计会使屏幕混乱。

I decided to go forward with D, a simple floating action button because it prevented visual clutter while expressing a high emphasis level for the entry point.

我决定继续使用D ,这是一个简单的浮动动作按钮 因为它可以防止视觉混乱,同时为入口点表现出较高的强调水平。

迷你卡视图 (Mini Card View)

I considered the following iterations in determining the mini-view of posts on the right sidebar.

在确定右侧栏上的帖子的迷你视图时,我考虑了以下迭代。

Image for post
Mini-view Iterations
迷你视图迭代

Option A displayed all of the contents, but the text-heavy design fails to engage the users. Also, I realized the text representation did not create enough visual distinction between “Answered” and the “Unanswered” status. In order to maximize the difference, I moved on with color representation.

选项A显示了所有内容,但是大量文本设计无法吸引用户。 另外,我意识到文本表示在“已回答”和“未回答”状态之间没有足够的视觉区分。 为了最大化差异,我继续进行颜色表示。

I pursued C because I wanted the statuses to be visually distinct from each other. Option B used color representation, but the small dot design at the bottom right corner might not be obvious enough for users. Also, unlike A and B, the design of C did not include extraneous information (profile picture and tags) but placed a heavy emphasis on the subject and detail of the post.

我追求C是因为我希望状态在视觉上彼此不同。 选项B使用颜色表示,但是对于用户而言,右下角的小点设计可能不够明显。 而且,与AB不同, C的设计不包含无关的信息(个人资料图片和标签),但重点在于帖子的主题和细节。

视觉设计 (Visual Design)

Here is the style guide that I generated for this app:

这是我为此应用程序生成的样式指南:

Image for post
UI Kit
UI套件

高保真最终设计 (High-Fidelity Final Design)

Image for post
High-fi Screens
高保真屏幕

结论 (Conclusion)

回头看 (Looking Back)

This project is a great learning experience for me in going through a complete design process from brainstorming ideas to prototyping the final product. While designing, I paid close attention to make sure that the design is user-friendly, visually pleasing, and ties back to the problem.

对于我来说,从一个集思广益的想法到最终产品的原型设计,整个项目过程都是一个很好的学习经历。 在设计时,我密切注意以确保设计易于使用,视觉上令人满意并与问题紧密联系。

Overall, I learned a lot in terms of product thinking and building a thorough design system for an app. I realized that design was not only about creating aesthetic interfaces but also putting myself in the users’ shoes to find a feasible and viable solution that will satisfy their needs.

总体而言,我在产品思维和为应用程序构建全面的设计系统方面学到了很多东西。 我意识到设计不仅是要创建美观的界面,而且还要使自己陷入用户的困境中,以找到满足他们需求的可行且可行的解决方案。

向前进 (Moving Forward)

Still, I see a lot of room for improvement in my final design. In the future, I would like to conduct more usability testings to refine my design. Also, I would like to explore other opportunity spaces such as the sort and filter functionalities, a built-in chat feature, etc.

尽管如此,我仍认为最终设计还有很多改进的余地。 将来,我想进行更多的可用性测试以完善我的设计。 另外,我想探索其他机会空间,例如排序和过滤功能,内置的聊天功能等。

Thanks to Emily Chan and thanks for reading! I would love to hear your comments, feedback, or suggestion! If you’d like to connect, feel free to reach out! (yc943@cornell.edu)

感谢Emily Chan并感谢您的阅读! 我很想听听您的意见,反馈或建议! 如果您想连接,请随时与我们联系! ( yc943@cornell.edu )

Image for post
Bay Area Black Designers: a professional development community for Black people who are digital designers and researchers in the San Francisco Bay Area. Being designers from an underestimated group, BABD members know what it feels like to be “the only one” on their design teams. By joining together in community, members share inspiration, connection, peer mentorship, professional development, resources, feedback, support, and resilience. Silence against systemic racism is not an option. Build the design community you believe in.海湾地区黑人设计师 :一个专业的黑人开发社区,他们是旧金山湾区的数字设计师和研究人员。 作为来自一个被低估的团队的设计师,BABD的成员知道成为设计团队中“唯一的一个”的感觉。 通过在社区中团结起来,成员可以共享灵感,联系,同伴指导,专业发展,资源,反馈,支持和韧性。 对系统性种族主义保持沉默是不可行的。 建立您相信的设计社区。

翻译自: https://uxdesign.cc/inquiry-a-q-a-platform-for-college-students-469899bafe3f

大学生电子设计大赛案例分析

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/275483.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

最新最详细最简洁Eclipse调试PHP配置详解(Xdebug,Zend Debugger)

搬家注:该日志写于2011 年 04 月 07 日,Eclipse,PHP等版本号很多,更新也比较快,请注意文章中的版本。本文不一定帮您解决问题,但能给您一些解决问题的思路及一些概念。 最近开始做SRTP项目WebOS&#xff0c…

入门前端学习路线图【送书】

大家好,我是若川。记得点上方音频听小姐姐配音,超级好听。华章图书又赞助了书籍送福利给大家。本次送4本书的抽奖方式是:截止到9月6日(周一)20:00,在留言区留言任意内容。我会在留言区抽取「1位」关注我公众…

单选按钮设置为被选中状态_为什么要设置错误的按钮状态

单选按钮设置为被选中状态当正确的方法出错时 (When the right way goes wrong) Let’s say you want to create a click effect on an HTML button. The first idea that many people get is to do something that reproduces the feeling of the sound emitted by a real but…

「娃娃分享」-常见自校检分析实例.

自校检是许多软件的保护手段之一,对软件加个简单的壳再增加自校检在一定程序上可以抵挡住一大部分新手,不过,对许多人来说,这个保护已经很弱了。。下面讲几种常见的解决自校检方法,写的粗略,希望大家补充。…

用VC和MinGW导出dll的def和lib(a)文件

为什么80%的码农都做不了架构师?>>> 原文地址:http://zhangyafeikimi.iteye.com/blog/404580 有了dll文件需要导出def文件: pexports zlib1.dll > zlib1.def 有了dll和def文件,需要导出MinGW的.a文件:…

产品设计美学案例分析_美学在产品设计中的重要性

产品设计美学案例分析重点 (Top highlight)In one of my previous jobs, I had really interesting debates with the CEO regarding whether we should spend more time improving the way our app looks and feels. ‘How could he not care that the design is outdated?! …

即将到来的ECMAScript 2022标准

大家好,我是若川。周末分享一篇相对简单的文章。最近组织了源码共度活动:1个月,200人,一起读了4周源码,参与的小伙伴都表示收获很大。如果感兴趣可以点击链接扫码加我微信 ruochuan12。另外:昨天的推文入门…

c语言中二叉树中总结点,C语言二叉树的三种遍历方式的实现及原理

二叉树遍历分为三种:前序、中序、后序,其中序遍历最为重要。为啥叫这个名字?是根据根节点的顺序命名的。比如上图正常的一个满节点,A:根节点、B:左节点、C:右节点,前序顺序是ABC(根节…

动态库的创建与使用

1、动态库文件的创建 (1)编写源文件 (2)编译生成动态库 g -fPIC -shared -o libfile_operation.so file_operation.cpp 此编译过程分为两步,等同于下面的两个命令: g -c -fPIC file_operation.cpp …

ux设计中的各种地图_UX写作中的移情

ux设计中的各种地图Demetri Martin is a master of comedic situations. If you’ve never seen Demetri Martin是喜剧情境的大师。 如果你从未见过 him before, he has a sort of dry brand of observational humor, relying more on anecdotes than full stories, and often…

字符串搜索。HOJ1530 Compound Words。

stl set实现字符串搜索。。效率一般。(附二分搜索。) Compound WordsTime limit:1sec.Submitted:233Memory limit:32MAccepted:81Source: Waterloo ACM Programming Contest Sep 28, 1996 You are to find all the two-word compound words in a dictionary. A two-word compo…

字节3-1前端面试官自学Vue的正确姿势

大家好,我是若川。前不久和一个字节前端TL朋友聊天,说到大厂前端供需脱节的情况。特别是使用Vue框架的,因为简单易学好上手,但是能够深入理解的人并不多,大多都只停留在应用层面,缺乏更深层面的理解。尤其是…

苹果风格ui_苹果如何使Soft-UI成为未来

苹果风格ui重点 (Top highlight)Apple announced some pretty wild updates at WWDC 2020 today.苹果今天在WWDC 2020上宣布了一些相当疯狂的更新。 But technology aside, let’s focus on how their UI has changed. It went through the first bitmap representations, thr…

【数据结构】量子危机

问题 宇宙时间公元 5.55 亿年,由于某种原因两大联盟展开了激战(maxingc 联盟采用了微子技术): 邪恶的 maxingc 联盟采集好了微子能,就要运输。Maxingc 联盟的领袖 xc 此时才发现,自己的军事基地中由微子发射…

android 自定义menu背景,Android编程实现自定义系统菜单背景的方法

本文实例讲述了Android编程实现自定义系统菜单背景的方法。分享给大家供大家参考,具体如下:不多说,上图,见代码。package lab.sodino.menutest;import android.content.Context;import android.app.Activity;import android.os.Bu…

面试官问 async、await 函数原理是在问什么?

大家好,我是若川。这是 源码共读活动《1个月,200人,一起读了4周源码》 第四期,纪年小姐姐的第四次投稿。纪年小姐姐通过本次学习提早接触到generator,协程概念,了解了async/await函数的原理等。第四期是 学…

一步步优化JVM六:优化吞吐量[转]

2019独角兽企业重金招聘Python工程师标准>>> 原文:http://ganlv.iteye.com/blog/1571315 参考:http://www.myexception.cn/software-architecture-design/1455594.html 现代JVM是一个具有灵活适应各种应用能力的软件,尽管很多应用…

element-ui 网格_UI备忘单:列表与网格

element-ui 网格重点 (Top highlight)Grids or lists? That is the question we will look at in this cheat sheet. While they can be used anywhere in your site, we are going to look primarily at search results, catalogs and newsfeeds. Making this choice will de…

50行 koa-compose,面试常考的中间件原理原来这么简单?

大家好,我是若川。源码共读《1个月,200人,一起读了4周源码》 活动第五期是学习 koa 源码的整体架构,浅析koa洋葱模型原理和co原理中的koa-compose源码原理,阅读不到50行的koa-compose源码。这篇是izjing小哥哥的投稿。…

sqlite3源码编译到Android,实现SQLite跨全平台使用

文/何晓杰Dev(高级Android架构师)著作权归作者所有,转载请联系作者获得授权。初看这个标题你可能会不解,SQLite 本身就是一个跨平台的数据库,在这里再说跨平台有什么意义呢?其实不然,目前我就遇到了一个项目…