Wiki-prototype testing

 

Three main changes.

  1. If you move the cursor onto image or words with hyperlinks, it will show overview contents on it. If you want to read more about it, just click read more, and then it will jump to the article page.
  2. I did some changes on menu pages. Selected the most common functions in “main page”.
  3. blow up the arrow that can return to the article.

Wiki-direction

Proof of concept (POC) is a realisation of a certain method or idea in order to demonstrate its feasibility or a demonstration in principle with the aim of verifying that some concept or theory has practical potential. A proof of concept is usually small and may or may not be complete.

I choose DADA as my showing article.

Based on my survey, I decided to make a Wikipedia that easy to student use. Firstly, combining aesthetic and practical. So I quote some icons at a more prominent position.

Secondly, I delete language menu because only seldom people would use them. I would put google translate link inside Wikipedia article page to let user won’t jump to another interface.

Also, I shorten the distance of a row for easy to read. And I put text-img like half to half because, in art article, the image pictures are just as important as words.

Wiki-Fonts

screen-shot-2017-01-11-at-19-15-21

I want to use Menlo as new Wikipedia font (below one) because this font is often used in coding. So it would let people feel logical and reliable.

Jim Lyles designed this non-serif-width font. Based on Bitstream Vera and DejaVu font design. First appeared in Mac OS X Snow Leopard system as one of the built-in fonts. It is also the default font for Mac Terminal and Xcode after Monaco.  Menlo’s word spacing is smaller than Monaco so it’s suit for the big screen display better.

Other redesigns of Wikipedia 2

https://dribbble.com/shots/1511150-Wikipedia-Redesign

wikipedia_unity

I quite like the way of showing today’s feature picture. It’s a smart way to show that but not just be ignored. And it’s flat design. I like flat design. Although this need to be considered. The reason I like flat design is good-looking and the structure is clear and easy to read.

wikipedia_alternative

DESIGNABLE. Separate the text from the picture. Good layout and grid and align. The background colour is not dazzling.

http://wikipedia.gkvasnikov.com/

The whole website is exactly what I want to do in the project. Showing the research and development and output step by step. Also, it has the great user experience.

screen-shot-2017-01-15-at-00-21-20

design-1

I came up with a new idea. On Wikipedia main page, there are many “today’s””feature” sections. So I want to sort out the whole month content in somewhere in the menu.