The Future Of Mobile Web Design: Video Game Design And Storytelling
As attention spans shorten and visitors just want to get to the good stuff on a website, designers have to get more creative in how they communicate their website’s “story.”
By Suzanne Scacca June 25, 2018
https://medium.com/@smashingmag/the-future-of-mobile-web-design-video-game-design-and-storytelling-11f5add41d25
What is truly impressive, however, is how we are now able to use design to tell a story. In other words, we no longer need to use long scrolls to set up plots or describe what a company does. This is especially great when designing for the mobile experience, which already sets pretty strict limits on how much we can “tell” versus “show.”
Three Video Game Storytelling Techniques We Need More Of In Web Design
1. Make Your Visitor the Hero
Create User Personas
Develop user personas before you do anything else when strategizing and planning for a website. Your personas should have a key “problem” they face.
Enable Avatar Setup
In video game design, there is something known as “ludonarrative dissonance.”
the unpleasant situation where we’re asking players to do something they don’t want to do… or prevent them from doing what they want.
Spin a Fantasy
Here’s an interesting fact: people are 22 times more likely to remember data when it’s presented in a narrative form.
The brain digests visual content 60% more quickly than written content, so your web designs and other visuals (like video, animation, and so on) are the keys to doing this.
The Airbnb blog always does a great job of this type of visual storytelling.
2. Minimize Distractions by Using Symbols
As of August 2017, 52.64% of all visits to websites were done via a smartphone. And, starting in 2017, the most popular size for a smartphonewas between five and six inches and will only continue to grow in popularity as the years go on.
That’s not a lot of space to fill with content for the majority of site visitors, is it?
Functional minimalism is already something you’re doing in your own web design efforts, but have you thought about how it can tie into the storytelling aspect as well?
Here are some ways in which you might use symbols to declutter your site:
- Hamburger icon (for the navigation)
- Profile photo icon (for account details)
- Pencil icon (for an editing interface)
- Gear icon (for settings)
- Shopping cart icon (to checkout)
- Magnifying glass (to expand the search bar)
- Connector icon (to open social sharing and RSS feed options)
- Question mark (to expand live chat, search, or help options)
- And so on.
3. Be Smart About How You Use Space
Use a Spotlight
In video games, you can use light and darkness to draw attention to important pathways. On websites, it’s not always easy to employ the use of lightness or darkness as too-dark of a design or too-light of text could lead to a bad user experience. What you want to do instead is create a “spotlight” of sorts. You can do this by infusing a key area of your design with a dramatic color or a boldly stylized font.
If you’ve ever played a horror video game before, you know how critical the element of sound can be for it.
That said, while you might not be able to direct visitors down the page with the sound of something playing down below, you can use other elements to lead them. For one, you can use interactive elements like animation to draw their attention to where it needs to go.
Employ a Mascot
For some brands, it might make sense to employ the use of an actual mascot to guide visitors through the story.
As attention spans shorten and visitors just want to get to the good stuff on a website, designers have to get more creative in how they communicate their website’s “story.” Ideally, your web design will do more showing of that story instead of telling, which is how video game design tends to succeed in this matter.
Remember: Storytelling isn’t just relegated to big brands that can weave bright and shiny tales about how consumers’ lives were changed with their products. Nor is it just for video game designers that have hours of gameplay to develop for their audiences. A story simply needs to convey to the end-user how their problem can be fixed by your site’s solution. Through subtle design strategies inspired by video game storytelling techniques, you can effectively share and shape your own story.
Sugimoto, C. R., Work, S., Larivière, V., & Haustein, S. (2016). Scholarly use of social media and altmetrics: a review of the literature. Retrieved from
https://arxiv.org/abs/1608.08112
One of the central issues associated with altmetrics (short for alternative metrics) is the identification of communities engaging with scholarly content on social media (Haustein, Bowman, & Costas, 2015; Neylon, 2014; Tsou, Bowman, Ghazinejad, & Sugimoto, 2015) . It is thus of central importance to understand the uses and users of social media in the context of scholarly communication.
most identify the following major categori es: social networking, social bookmarking, blogging, microblogging, wikis , and media and data sharing (Gu & Widén -Wulff, 2011; Rowlands, Nicholas, Russell, Canty, & Watkinson, 2011; Tenopir et al., 2013) . Some also conside r conferencing, collaborative authoring, scheduling and meeting tools (Rowlands et al., 2011) or RSS and online documents (Gu & Widén -Wulff, 2011; Tenopir et al., 2013) as social media. The landscape of social media, as well as that of altmetrics, is constantly changing and boundaries with othe r online platforms and traditional metrics are fuzzy. Many online platforms cannot be easily classified and more traditional metrics , such as downloads and mentions in policy documents , have been referred to as altmetrics due to data pr ovider policies.
the Use of social media platforms for by researchers is high — ranging from 75 to 80% in large -scale surveys (Rowlands et al., 2011; Tenopir et al., 2013; Van Eperen & Marincola, 2011) .
but
less than 10% of scholars reported using Twitter (Rowlands et al., 2011) , while 46% used ResearchGate (Van Noorden, 2014) , and more than 55% use d YouTube (Tenopir et al., 2013) —it is necessary to discuss the use of various types of social media separately . Furthermore, there i s a distinction among types of us e, with studies showing higher uses of social media for dissemination, consumption, communication , and promotion (e.g., Arcila -Calderón, Piñuel -Raigada, & Calderín -Cruz, 2013; Van Noorden, 2014) , and fewer instances of use for creation (i.e., using social media to construct scholarship) (British Library et al., 2012; Carpenter, Wetheridge, Tanner, & Smith, 2012; Procter et al., 2010b; Tenopir et al., 2013) .
Frequently mentioned social platforms in scholarly communication research include research -specific tools such as Mendeley, Zotero, CiteULike, BibSonomy, and Connotea (now defunct) as well as general tools such as Delicious and Digg (Hammond, Hannay, Lund, & Scott, 2005; Hull, Pettifer, & Kell, 2008; Priem & Hemminger, 2010; Reher & Haustein, 2010) .
Social data sharing platforms provide an infrastructure to share various types of scholarly objects —including datasets, software code, figures, presentation slides and videos —and for users to interact with these objects (e.g., comment on, favorite, like , and reuse ). Platforms such as Figshare and SlideShare disseminate scholars’ various types of research outputs such as datasets, figures, infographics, documents, videos, posters , or presentation slides (Enis, 2013) and displays views, likes, and shares by other users (Mas -Bleda et al., 2014) . GitHub provides for uploading and stor ing of software code, which allows users to modify and expand existing code (Dabbish, Stuart, Tsay, & Herbsleb, 2012) , which has been shown to lead to enhanced collaboratio n among developers (Thung, Bissyande, Lo, & Jiang, 2013) . As w ith other social data sharing platforms, usage statistics on the number of view and contributions to a project are provided (Kubilius, 2014) . The registry of research data repositories, re3data.org, ha s indexed more than 1,200 as of May 2015 2 . However, only a few of these repositories (i.e. , Figshare, SlideShare and Github) include social functionalities and have reached a certain level of participation from scholars (e.g., Begel, Bosch, & Storey, 2013; Kubilius, 2014) .
Video provide s yet another genre for social interaction and scholarly communication (Kousha, Thelwall, & Abdoli, 2012; Sugimoto & Thelwall, 2013) . Of the various video sharing platforms, YouTube, launched in 2005, is by far the most popular
A study of UK scholars reports that the majority o f respondents engaged with video for scholarly communication purposes (Tenopir et al., 2013) , yet only 20% have ever created in that genre. Among British PhD students, 17% had used videos and podcasts passively for research, while 8% had actively contributed (British Library et al., 2012) .
Blogs began in the mid -1990s and were considered ubiquitous by the mid- 200 0s (Gillmor, 2006; Hank, 2011; Lenhart & Fox, 2006; Rainie, 2005) . Scholarly blogs emerged during this time with their own neologisms (e.g., blogademia , blawgosphere , bloggership) and body of research (Hank, 2011) and were considered to change the exclusive structure of scholarly communication
Technorati, considered t o be on e of the largest ind ex of blogs, deleted their entire blog directory in 2014 3 . Individual blogs are also subject to abrupt cancellations and deletions, making questionable the degree to which blogging meets the permanence criteria of scholarly commu nication (Hank, 2011) .
ResearchBlogging.org (RB) — “an aggregator of blog posts referencing peer -reviewed research in a structured manner” (Shema, Bar -Ilan, & Thelwall, 2015, p. 3) — was launched in 2007 and has been a fairly stable structure in the scholarly blogging environment. RB both aggregates and —through the use of the RB icon — credentials scholarly blogs (Shema et al., 2015) . The informality of the genre (Mewburn & Thomson, 2013) and the ability to circumve nt traditional publishing barr iers has led advocates to claim that blogging can invert traditional academic power hierarchies (Walker, 2006) , allow ing people to construct scholarly identities outside of formal institutionalization (Ewins, 2005; Luzón, 2011; Potter, 2012) and democratize the scientific system (Gijón, 2013) . Another positive characteristic of blogs is their “inherently social” nature (Walker, 2006, p. 132) (see also Kjellberg, 2010; Luzón, 2011 ). Scholars have noted the potential for “communal scholarship” (Hendrick, 2012) made by linking and commenting, calling the platform “a new ‘third place’ for academic discourse” (Halavais, 2006, p. 117) . Commenting functionalities were seen as making possible the “shift from public understanding to public engagement with science” (Kouper, 2010, p. 1) .
Studies have also provided evidence of high rate s of blogging among certain subpopulations: for example, approximately one -third of German university staff (Pscheida et al., 2013) and one fifth of UK doctoral students use blogs (Carpenter et al., 2012) .
Academics are not only producers, but also consumers of blogs: a 2007 survey of medical bloggers foundthat the large majority (86%) read blogs to find medical news (Kovic et al., 2008)
Mahrt and Puschmann (2014) , who defined science blogging as “the use of blogs for science communication” (p. 1). It has been similarly likened to a sp ace for public intellectualism (Kirkup, 2010; Walker, 2006) and as a form of activism to combat perceived biased or pseudoscience (Riesch & Mendel, 2014. Yet, there remains a tension between science bloggers and science journalists, with many science journals dismissing the value of science blogs (Colson, 2011)
.
while there has been anecdotal evidence of the use of blogs in promotion and tenure (e.g., (Podgor, 2006) the consensus seem s to suggest that most institutions do not value blogging as highly as publishing in traditional outlets, or consider blogging as a measure of service rather than research activity (Hendricks, 2010, para. 30) .
Microblogging developed out of a particular blogging practice, wherein bloggers would post small messages or single files on a blog post. Blogs that focused on such “microposts” were then termed “tumblelogs” and were described as “a quick and dirty stream of consciousness” kind of blogging (Kottke, 2005, para. 2)
most popular microblogs are Twitter (launched in 2006), tumblr (launched in 2007), FriendFeed (launched in 2007 and available in several languages), Plurk (launched in 2008 and popular in Taiwan), and Sina Weibo (launched in 2009 and popular in China).
users to follow other users, search tweets by keywords or hashtags, and link to other media or other tweets
.
Conference chatter (backchanneling) is another widely studied area in the realm of scholarly microblogging. Twitter use at conferences is generally carried out by a minority of participants
Wikis are collaborative content management platforms enabled by web browsers and embedded markup languages.
Wikipedia has been advocated as a replacement for traditional publishing and peer review models (Xia o & Askin, 2012) and pleas have been made to encourage experts to contribute (Rush & Tracy, 2010) . Despite this, contribution rates remain low — likely hindered by the lack of explicit authorship in Wikipedia, a cornerstone of the traditional academic reward system (Black, 2008; Butler, 2008; Callaway, 2010; Whitworth & Friedman, 2009) . Citations to scholarly documents —another critical component in the reward system —are increasingly being found i n Wikiped ia entries (Bould et al., 2014; Park, 2011; Rousidis et al., 2013) , but are no t yet seen as valid impact indicators (Haustein, Peters, Bar -Ilan, et al., 2014) .
The altmetrics manifesto (Priem et al., 2010, para. 1) , altmetrics can serve as filters , which “reflect the broad, rapid impact of scholarship in this burgeoning ecosystem”.
There are also a host of platforms which are being used informally to discuss and rate scholarly material. Reddit, for example, is a general topic platform where users can submit, discuss and rate online content. Historically, mentions of scientific journals on Reddit have been rare (Thelwall, Haustein, et al., 2013) . However, several new subreddits —e.g., science subreddit 4 , Ask Me Anything sessions 5 –have recently been launched, focusing on the discussion of scientific information. Sites like Amazon (Kousha & Thelwall, 2015) and Goodreads (Zuccala, Verleysen, Cornacchia, & Engels, 2015) , which allow users to comment on and rate books, has also been mined as potential source for the compilation of impact indicators
libraries provide services to support researchers’ use of social media tools and metrics (Lapinski, Piwowar, & Priem, 2013; Rodgers & Barbrow, 2013; Roemer & Borchardt, 2013). One example is
Mendeley Institutional Edition,
https://www.elsevier.com/solutions/mendeley/Mendeley-Institutional-Edition, which mines Mendeley documents, annotations, and behavior and provides these data to libraries (Galligan & Dyas -Correia, 2013) . Libraries can use them for collection management, in a manner similar to other usage data, such as COUNTER statistics (Galligan & Dyas -Correia, 2013) .
Factors affecting social media use; age, academic rank and status, gender, discipline, country and language,
++++++++++++++++++++++++++
h-index
+++++++++++++
more on altmetrics in this IMS blog:
https://blog.stcloudstate.edu/ims?s=altmetrics
As discussed in https://blog.stcloudstate.edu/ims/2016/12/06/digital-curation/ and per Ungerer, L. M. (2016). Digital Curation as a Core Competency in Current Learning and Literacy: A Higher Education Perspective. The International Review of Research in Open and Distributed Learning, 17(5). https://doi.org/10.19173/irrodl.v17i5.2566
Scoop This: A Comprehensive Guide to Scoop.it for Content Curation
January 20, 2012 Gabriella Sannino
https://www.searchenginejournal.com/scoop-this-a-comprehensive-guide-to-scoop-it-for-content-curation/38963/
Content Curation, Not Content Aggregation
Scoop.it is not just another place to drop your RSS feed. It could be, but then it’s just another content aggregator.
curation online also has to demonstrate: mastery, passion, knowledge and expertise. Without such additional layers, a curated collection of links is just a collection of links.”
Using Scoop.it for Content Curation, Branding and Authority Building
Using Relative Keywords to Pull Content
- When you read an article you think would do well for your Scoop.it topic, click the Scoop.it bookmarklet, enter the information you want, and publish. This is a handy feature to have when you’re reading or researching about your favorite topics.
- Suggestion Engine for Sifting Through Content
Sometimes you don’t have time to search for content to curate. Scoop.it’s suggestion engine provides you with a list of suggested sites based on the keywords you enter. When you’re ready to add more content to your Scoop.it, simply scroll down the list of RSS feeds.
- Adding Your Own Sources for Reliable Content
Everybody has their favorite reads and twitter users or lists to follow. Scoop.it allows you to add your own sources, making it easier to find good content – not quite so much crud to weed through. RSS feeds, Twitter users, Twitter lists, Twitter searches, a Facebook page, and Google News, Blogs, or Video search: these options give you a variety of ways to include your favorite sources in your “suggested sources” box.
Curation is not original content. There is a place for curation. It’s right between content creation and content syndication. It’s an approach, placed neatly under the whole “strategic content use” outline. I don’t cut and paste the whole story on my page (I’m not a douche bag); I give my readers the reason I chose a particular post. I ask them questions, and let them know why I agree or disagree. Not on every post, but on most.
10 Steps To Curate Your Social Media Content With Scoop.it for Increased Value
http://socialmediapearls.com/10-steps-to-curate-your-social-media-content-with-scoop-it-for-increased-value/
Social media curation is when you filter, select, review and reposition quality content on the web for a specific audience and/or topic.
Scoop.it is a semi-automated curation platform. Scoop.it crawls the web according to apre-determined criteria and then allows the curator to review and reposition the filtered material prior to publishing. This repositioning could be in the form of contextual reorganization and/or commentary of the material to provide an overall perspective. Once the material has been curated, Scoop.it allows the curator to publish the material in an attractive web-magazine by topic. This web-magazine organizes each curated article into “sticky posts” on a digital interactive interface as shown in the examples below.
do you fall into any of the following categories 1) struggling to provide fresh consistent quality content for your audience; 2) cannot invest the time to write your blog; 3) looking for ways to expand your audience; 4) want to increase your service offering to your customer base; 5) want to establish yourself as a thought leader on a specific topic; 6) want to increase your social media visibility; 7) looking for other distribution channels to spread your word; and/or 8 ) looking for a curation option that is not automated so you can leave “your finger print”. If the answer is “yes” to one of any of the above, you should consider this option.
Here is how to curate your social media content using Scoop.it
- Your Name
- Your Profile Picture (Avatar)
- Your Bio
- Topic Title and Icon
- Topic Description
- Keywords and Sources
- Topic Background
- Original Post
- Curated Post
- Dialogue
Related articles
What is Dashter? It’s a tool that helps you manage your Twitter conversations and relationships all from the convenience of your WordPress Admin
