App Deconstruction refactoring. Don't forget Beginner

Source: Internet
Author: User
Keywords This is very designer we
The first class in the history of Art in the University (elective), the teacher came to the point of saying: "Know that we seriously listen to not much, the next class can come to how many also do not know, here introduce a self-study reading method, to facilitate your cramming, in my opinion most of the material content of the book is very few, this need to wring dry purification, The most effective way to find a book useful is to look at the catalogue, so that everyone can digest the history of Art and the catalogue of the book can score 60 points. For other leisure books you can choose from the directory of their own interested chapters to read, the section of interest for you is dry, the entire directory you are not interested in, then the book on the Cup with ... I do not know the feelings of other students, I later read has been using this method, this technique can even be included in my university to learn the top ten useful knowledge, the other nine have forgotten. In fact, when a book is written, it is based on the static structure that the author intends to set, but there is no need for the reader to build the same structure as the author, which is the process of accomplishing a task for the individual. If the task is good with the structure, if it does not match the pain, many people may not see a useful place to closed the book to terminate the task. The Xinhua dictionary has a rigorous structure, users need authentication learning to master the use of methods (that is, to understand the dictionary structure) and then complete the task of searching the dictionary; the Child Literacy card does not have its own structure, can even take down a page, while the child's task is also the simplest direct, know a word and another word is a separate task , there is no need to establish a link. The method introduced by the teacher actually frees us from the habit of adhering to the book structure by performing the reading task. The structure of the book and the reader's task can be unequal, and you are willing to read which page on which page. This can be compared to the structure of the app and the user's task, the app is in accordance with the fixed structure of the line, the user in the process of completion is indeed a separate task, which is why the cloud reading background often see: Offline download to Where to view ah? Where did the search go? The reason for this kind of feedback is that users don't care what structure you are, as long as they are terminated when the task process is completed. Of course, designers will also say to the tragic data: This button is so obvious how users do not know to click? NetEase Cloud Class Course Details page there is a big button in the upper right corner "attend the course", but data show that the user is not to point to it, the reason is very simple, users do not think of their own tasks to use it, you are to get a lightning thunder of the hint effect is not big, rumors of designers later in the directory to add "Class preview" is much better. Users are very calm, micro-letter can not meet their desire to the cannon, may be changed to the mo. But the designer is disturbed, NetEase cloud reading product structure cannot satisfy the user's reading task will lose them. So as a designer to optimize the solution of the app structure and the relationship between the user task, how to optimize? Let's first understand what an app structure is, and then see how the Refactored app is assembled to meet the user's task. First, the solutionConstruct the app. Designers can easily know that "app is made up of the page", but this is a meaningless conclusion, then we try to stand in the "page" of the angle of macro and micro look, to borrow a spoken language is--left to look to the right. 1. To the left, there are three pages in the app World: aggregation, list, and body pages. Aggregation pages bring together the portals of each module, where users can choose where to go, for example, NetEase Cloud to read the home page, there are users subscribe to the major information sources; A list page is a list of purely certain items that you can see if you enter a subscription source that the NetEase cloud reads; content page is the lowest content Display page , the user can not go down the level of the content, of course, horizontal string or up jump is possible, corresponding to you in the NetEase cloud reading inside read a piece of information details. 2, look to the right, a page is always composed of three elements, the main content, page tools, page operations. The main content must exist, even the empty state will show a crying face and so on. Take the book text page, the text is the main content of the page tool to change some of the display methods, such as: Font size, night mode, brightness, page operation contains information processing path, such as: Comment, share, bookmark, view book details, copy, cut. These three pages are grouped together with a list page when the content page is not enough, and there is not enough aggregation page. Each page of its own content, tools, operations will be an orderly combination, so as to form a good encapsulation module, this module to communicate with the node, a number of modules combined to form a structured app. Here is a story of the Eiffel Tower: The Eiffel Tower, composed of 18,038 parts, weighing 10000 tons, the construction of a total of 7 million drilling, the use of 2.5 million rivets, more than 5,300 design drawings, including 1700 full map, in 18th century when the construction only used 2 years 2 months. No changes have been made to the construction process because of the strict numbering beforehand. So when we face an app design, do not worry about its complexity, not complexity, but the resulting confusion and no reason let us worry that the app can complicate the 300 meters high tower? Second, the app after the deconstruction of the various modules and pages of their own content, tools, operations through the combination to better match user tasks, is an interactive designer to play one of the places. Commonly used methods are user research, to study their intended target users, in fact, to obtain such data and conclusions to be used in the structure of the same need to spend a mind, the equivalent of preparing to cook the material and know how to eat people taste preference after the dish fried out. 1, sheep, let the user decide the combination of modules and interspersed. Card classification is one example, the various modules that the cloud reads are used in the classification, the entrance of the local book upload module is supposed to appear in the bookstore (we actually put it in the "I" module); When the app page tool is laid out, sometimes it emphasizes consistency, uniformity, and ignores the randomness of the user's task., consistency, cloud reading users at any page at any time want to use the night mode, no one wants to close the study in the house lights need to go to the living room to press the switch bar, so cloud reading Winphone client in the home AppBar into the night mode switch, the same function in the Body page and set the list page has A neighborhood has been built for about six years, and there are lawns and avenues between the building and the building, but there are no trails. In this way, people consciously and unconsciously will take a shortcut to trample the lawn. So the managers put up a sign to warn everyone: do not trample on the lawn, but it does not work A long time, the lawn on the formation of many irregular trails. The manager was angry, and the trail was restored to the lawn, and the rope was stopped at the exits and at the entrance, which seemed better at first, and then returned to its original form. So many toss, they finally realized the truth: along the path of natural formation paved slate, let people walk with conscience. The lawn is dotted with trails that are more interesting (the case is quoted from the Internet). App products in the sheep put the better and register this function module, now the old and new apps are allowed to log in with the big social platform accounts, before this is each app has forced the user to make an account, plainly is to facilitate the advertising, but also directly intercepted at least half of the potential users, not worth the candle. Now users like to use what social account login random, and this way become standard in an instant, is the structure following the task instance. The method of herding the sheep is the most willing to see, but the product side is very not happy, the designer is also apt to be dizzy, sometimes a function module needs in another function module three pages all put the entrance, this fortunately point, the key is some users never need the module how to do, put where is not the user hope? This will use the following impostors. 2, impostors, for users do not want the module, can be quietly implanted to achieve product objectives. is to let users look at this product is pleasing to the eye, very easy to use, but it does have product implants. Like the cloud reading guess you like the module, after the user read an article and each feed details are followed by guess you like. These recommendations are followed by type dependencies, and if you're reading about the three-fat kill Uncle News, we'll assume you like the early three-fat machine-gun fire on the galactic band. Of course, Impostors lets the user see through the example also many. A lot of apps in the bottom of the page ads is a typical example, this page operation so that people do not hesitate to turn off the network in exchange for quiet pure reading; cloud reading the top right corner of the page always hangs a message to remind the icon (belongs to the pages of the operation), happened if your mailbox sad to This icon will take the trouble to give you a bubble, this bubble is actually useless to you, because you do not care these emails, and then many users to ask where there is a button to close the notification (feedback system to see). Sometimes impostors did not do a good job at the same time designers do not forget to flash a tips to users, as if shouting "look, I am here", the wizardWould like to see. The new feature tips reminder is also the same annoying impostors, update or download an app is always a variety of prompts such as "Click on this release dynamic, add friends here", really wait for user tasks to use this module and do not know how to do, the structure does not answer. Another scenario is this: you choose to sweep with a friend's micro-letter, to the "Add Friend" module but can not find a sweep, and the other side at this time devout holding a two-dimensional code slightly contempt to look at you, after some twists and turns you may finally found in the "discovery" module inside Find a sweep (also may change other methods), both sides a burst of gee, Your heart will be muttering about the micro-letter: This is how the whole! We avoid the business level (sweep sweep function increased) to discuss this phenomenon, the user's task is indeed to "add friends" need to use a sweep, that is, this quietly shifted the move suddenly let users feel unwell. 3, conditionings, adhere to the user in other apps on the existing habits, the combination of various modules and layout page content, tools, operations. Cloud Read the 4.0 version of the module structure has several scenarios, and finally used the most popular bottom navigation, users familiar with this interaction is one of the reasons to choose this scenario. Educating users this kind of thing is like the first person who eats crabs--the amount of work you pay is not necessarily rich. Rice chat You remember mo, domestic mobile internet instant messenger of the earliest test water, micro-letter will its second kill, the module structure is basically followed down (of course, may also be a coincidence); Again, for example, the Drop-down refreshes the already-known habit, first from Twitter, and patented, Now that the list page in the app needs to refresh the content, do not drop the refresh try? This page tool we don't have to create new wheels. In all of the app "set" module is actually like a trash can, designers feel unimportant and not easy to remove the dongdong piled in there (relatively speaking, product managers are better at doing this thing), the advantage is that the user's task is really not go down the setting can be made up, Users are uncomfortable but there is no other way to set up Taobao try to try luck (from user feedback can see these habits), so the page tool in the Setup basic must have, the body page has the night Pattern tool, the setting also must have, the design and so on often need to follow the gourd to draw down. 4, look at the ledger on the donkey, side of the line to change. The app is now a few months without a change in the structure of the version is embarrassed and others said the project is still alive. Cloud reading Winphone side has a module is offline download, before the offline download completed information distribution in their respective feeds, the user ran to Roar, the next good do not know where to look, it is not a waste of people flow mo; and then a module: offline information, Designers in the Offline information aggregation page put an offline download portal (page operation) by the parties to veto, the reason is this will be threaded to the offline module, and home AppBar originally have offline download entrance, so there is no plus;, offline information inside want to download do not know how to do, and finally we have to fill this portal, because the user task here and is common sense, the structure is best to meet it. In order to figure out this thing there are three versions, but the donkey look at the book is still quite useful and commonly used, here to the vast number of users of the expectation is that you have to spit, no matter through what way, you are sometimes the top of our design 10 sentences. The above mentioned four methods, then God horse This app is a spectrum? When the designer describes the app structure for a while, the description is very consistent with the user task. To Zhang and Zhang Mowgli's dialogue examples (movie version of the Day Dragon Slaughter): Mowgli, you remember? Well, I didn't remember. What's the punch? I don't know... What's your father's last name? I forgot. Good! Just remember to beat the two bastards out of human form. There is one and description of the phenomenon of the app antagonism is this, when the company's new contacts with an app always offer Balla a bunch of questions that don't fit the user's task, the designer who is stuck in it will politely answer, "Well, we'll think about that." "Of course, most of the cases will not change, this may be the designer has forgotten the original goal, this kind of phenomenon is very common, after all, 80% of the app is not very successful." In fact, whether to deconstruct or refactor the app, you need to always know where to start: Don't forget to beginner.

Ads, welcome to my micro-letter public number "secure interactive design", search "sheji111" can be added.

Special thanks to NetEase Literacy Vision Meimei Wei classmate of the map (the last chapter), the previous summary of the drawings are my own painting.

Source: http://uedc.163.com/11444.html

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.