{"id":2326,"date":"2017-03-30T04:33:02","date_gmt":"2017-03-30T04:33:02","guid":{"rendered":"http:\/\/listheory.prattsils.org\/?p=2326"},"modified":"2017-03-30T04:33:02","modified_gmt":"2017-03-30T04:33:02","slug":"hyperakt-social-impact","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/foundations\/2017\/03\/30\/hyperakt-social-impact\/","title":{"rendered":"Hyperakt &amp; Social Impact"},"content":{"rendered":"<p>Hyperakt is an award-winning, social impact design agency based in Brooklyn, NYC. Their mission is to enable and empower change-makers and next-generation leaders by giving them a voice to \u201ctell their stories.\u201d Through intelligent design, content and brand strategy, they have successfully transformed complex information into user-friendly representations, accessible through a variety of technological and digital platforms across the globe.<\/p>\n<p>&nbsp;<\/p>\n<p>As their way of involving and further giving back to the community, they host their famous monthly \u201cLunch Talks\u201d where they invite \u201cthought leaders\u201d and creative agencies to share their insights, experiences and works to the public for free.<\/p>\n<p>&nbsp;<\/p>\n<p>Pratt\u2019s UXPA had the opportunity to visit their design studio last March 8, 2017. We were welcomed by the team, toured around the studio, and finally ushered into their meeting room. Alex Gracey, the studio and community manager, explained to us in depth about the company\u2019s mission, vision and goals. He then showcased a few of their many successful endeavors. One of their prominent projects was with iMentor.<\/p>\n<p>&nbsp;<\/p>\n<p>iMentor was one of their clients who sought their help to rebrand their image. The organization wanted to stand out from their competitors, and gain more funding for long-term sustainability. One of their core beliefs is that \u201ceducation opportunity opens up a world of possibility.\u201d Their mission is to recruit mentors to partner up with high-school students from low-income backgrounds. Through this partnership, students are given proper educational support in order for them to \u201cgraduate high-school and succeed in college, and achieve their ambitions.\u201d<\/p>\n<p>&nbsp;<\/p>\n<p>As Brenda Dervin and Michael Nilan (1986) proposed \u00b9, the current view of experience should take on a holistic approach-as opposed to the traditional method that confines problem solving within context. They argue that we should \u201clook at information behaviors outside system context.\u201d Hyperakt did just that. They not only focused on iMentor\u2019s brand image, but they went as far as rebranding through content strategy and web design. During the process, one of the hardest questions posed was, \u201cIf iMentor was a person, how would you describe her personality?\u201d After careful deliberation, iMentor solidified their identity, stating that \u201cshe\u201d was \u201cDaring, smart, inspiring, honest, and put people first.\u201d<\/p>\n<p>&nbsp;<\/p>\n<p>Hyperakt then shifted their focus to the students, closely examining how their design solutions could evoke meaning to them. Bates \u00b2 writes that information is not only derived from paper or from people. We absorb information from our physical surroundings, the spacing and dimensions of our environment, the design of our tools and our modes of communication. She emphasizes that the most important way of acquiring information is when we interact with all of these elements in our everyday real-world situations and circumstances.<\/p>\n<p>&nbsp;<\/p>\n<p>The way information is presented impacts action and the way audiences respond. When Hyperakt redesigned the logo, they patterned the \u201ci\u201d in iMentor to look like the top of a graduation cap, symbolic to the end goal- graduating. They then created other patterns of school-related \u00a0icons related that played with their \u201ci\u201d design. In summary, they successfully merged iconography, symbols, the use of affective imagery and design that were meaningful representations to their target users.<\/p>\n<p>&nbsp;<\/p>\n<p>After Alex discussed some of their other projects, he then handed the talk over to Hyperakt\u2019s Principal and Creative Director, Deroy Perez.<\/p>\n<p>&nbsp;<\/p>\n<p>Deroy introduced us to Hyperakt\u2019s award-winning (and ongoing) passion project- The Refugee Project. In collaboration with Ekene Ijeoma, a designer and programmer, they created a platform that visually interprets thousands of refugee data for the public to easily understand.<\/p>\n<p>&nbsp;<\/p>\n<p>The United Nations High Commissioner for Refugees was faced with the challenge of converting their raw data into representations easily communicable to the public. This was a clear example of what Dervin and Nilan referred to when they wrote that user design studies should shift to a more qualitative approach. Hyperakt\u2019s goal was to connect and make the public aware of the past and present refugee crisis through factual and engaging visual interpretations. This was done in hopes that if awareness was created, change would then follow. They wanted to paint a picture, through an interactive map, and tell the stories behind the 35 million refugees displaced across 126 countries.<\/p>\n<p>&nbsp;<\/p>\n<p>In order to do that, a \u201ccompelling narrative\u201d was needed to justly represent the hardships and realities of the refugees. Lopatovska and Arapakis \u00b3 write that emotions instigate actions. The interactive map illustrates a timeline of migration patterns with accounts behind each turmoil. It includes recorded testimonies, written journals, and photographs captured throughout the devastation. It opened-up a channel for untold stories to be heard, giving a voice to refugees, and promoting global awareness by sharing to the world their plight.<\/p>\n<p>&nbsp;<\/p>\n<p>The website allows users to view and compare the refugee population of different countries from 1975-2015. Circular indicators, surrounding each country, represent the number of refugee nationals living overseas. The size of the circle is directly proportional to the number of refugees in a given country. The bigger the circle, the greater the number of refugees, indicating some form of unrest causing citizens to seek refuge outside their homeland. Lines connecting countries represent where refugees have sought sanctuary. Users can switch their views to see the refugee percentage of a country\u2019s population. \u00a0A heat map is also available to represent the global migrants through the years.\u00a0 The small sticky-note like icon links users to articles about the crisis\/es taking place during a specific year in a country.<\/p>\n<p>&nbsp;<\/p>\n<p>The Refugee Project gained international recognition and attention, receiving various awards worldwide. According to Domus and The Atlantic \u2074, this project was a clear \u201cexample of how graphic designers are turning their attention to framing data that stimulates action.\u201d It is an ongoing and collaborative project, updated yearly. Deroy and his whole team are proud of their work, and do not receive any income from this project. It is their labor of love, and their way of giving back.<\/p>\n<p>&nbsp;<\/p>\n<p>Design, like art, is emotive in nature. Whether it is crafting an experience, conveying a message, or simply channeling one\u2019s expressions, design is a powerful tool that can truly impact its audience and instigate action. A human-centered approach is necessary to achieve this. Such is what Hyperakt has done and continues to accomplish.<\/p>\n<p>&nbsp;<\/p>\n<p>1 Talja, S. &amp; Hartel, J. (2007). \u201cRevisiting the user-centered turn in information science research: an intellectual history perspective,\u201d\u00a0<em>Information Research<\/em>\u00a012(4).<u><a href=\"http:\/\/www.google.com\/url?q=http%3A%2F%2Finformationr.net%2Fir%2F12-4%2Fcolis%2Fcolis04.html&amp;sa=D&amp;sntz=1&amp;usg=AFQjCNGTNyEQ3SDr6IpnLixlX6-jw5gDSA\">http:\/\/InformationR.net\/ir\/12-4\/colis\/colis04.html<\/a><\/u><\/p>\n<p>2 Bates, M. J. (2006). \u201cFundamental forms of information.\u201d\u00a0<em>Journal of the American Society for Information and Technology<\/em>\u00a057(8): 1033\u20131045.\u00a0<u><a href=\"http:\/\/www.google.com\/url?q=http%3A%2F%2Fwww.gseis.ucla.edu%2Ffaculty%2Fbates%2Farticles%2FNatRep_info_11m_050514.html&amp;sa=D&amp;sntz=1&amp;usg=AFQjCNGEwcjGawJEhQVk3-2BDRtM2qnWOg\">http:\/\/www.gseis.ucla.edu\/faculty\/bates\/articles\/NatRep_info_11m_050514.html<\/a><\/u>.<\/p>\n<p>3 Lopatovska, I., &amp; Arapakis, I. Theories, methods and current research on emotions in library and infor- mation science, information retrieval and human\u2013computer interaction. Information Processing and Management (2010), doi:10.1016\/ j.ipm.2010.09.001<\/p>\n<p>4 Hyperakt Labs.\u00a0<em>Mapping 40 years of global refugee migrations.<\/em> Retrieved from http:\/\/hyperakt.com\/items\/refugee-project<\/p>\n<p><em>\u00a0<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hyperakt is an award-winning, social impact design agency based in Brooklyn, NYC. Their mission is to enable and empower change-makers and next-generation leaders by giving them a voice to \u201ctell their stories.\u201d Through intelligent design, content and brand strategy, they have successfully transformed complex information into user-friendly representations, accessible through a variety of technological and [&hellip;]<\/p>\n","protected":false},"author":251,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-2326","post","type-post","status-publish","format-standard","hentry","category-articles"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/foundations\/wp-json\/wp\/v2\/posts\/2326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studentwork.prattsi.org\/foundations\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studentwork.prattsi.org\/foundations\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/foundations\/wp-json\/wp\/v2\/users\/251"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/foundations\/wp-json\/wp\/v2\/comments?post=2326"}],"version-history":[{"count":0,"href":"https:\/\/studentwork.prattsi.org\/foundations\/wp-json\/wp\/v2\/posts\/2326\/revisions"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/foundations\/wp-json\/wp\/v2\/media?parent=2326"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/foundations\/wp-json\/wp\/v2\/categories?post=2326"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/foundations\/wp-json\/wp\/v2\/tags?post=2326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}