Why I moved by the square to the circle


[ad_1]

Why I moved by the square to the circle

Advertwill being

They are probably the most familiar interfaces on the planet: in keys on our mobile phones in addof whichion to calculators . However, very few people notice of which the keyboard design "remains unchanged for nearly half a century inside face of growing global design stkof whichards in addof whichion to conventions. Even fewer users notice has stunning design feature: the keyboard of the phone will be an inverted edof whichion of the calculator

Thwill be article explores the roots of thwill be inequalof whichy in addof whichion to offers the best solution .. We will dwill becuss how to simplify in addof whichion to adapt the tradof whichional digof whichal interface for minimalwill bet design stkof whichards, using modern sensor drive mode in addof whichion to mobile human interaction. We also solve the design logic of the development of a bralong with new interface for a basic calculator.

Look at the two images below. Anything hof which you?

Most users do not even notice of which the keypads of the calculator in addof whichion to phone are inedof whichions of each various other.
Most users do not even notice of which the keyboard of the calculator in addof whichion to the phone will be the inverse of each various other.

Did you notice of which two keyboards are turned opposof whiche each various other ? Although both keyboards have a zero inside lower portion, the remaining numbers go upwards to the calculator, in addof whichion to downward over the phone.

I was intrigued. Of course, both constructs can be ergonomically equal? Who decided of which the two devices must be different keyboard? What for? And how no one challenged the arrangement so far?

More crof whichically, I wondered if a keyboard even relevant to the users , which interacts wof whichh your applications in a way unthinkable barely ten years ago, using the swipes, touches, taps, presses in addof whichion to forces . Wof whichh Apple straightening skeuomorphwill bem (Design concept makes software objects resemble their real-world counterparts), I felt of which of which was time as a designer in addof whichion to developer, to challenge the digof whichal keyboard design orthodoxy in addof whichion to ask an unspoken question: why 2015 Calculator should keyboard look in addof whichion to feel in addof whichion to of which works as a calculator 1960-Casio?

The answers finally led to my radical modernization calculator interface in my application Calcuta .

Bell Laboratories stayed wof whichh the stkof whichard square design in of whichs touchtone phones
Although radial keyboard, such as the one in Calcuta (above) to better assess user, Bell Laboratories were left wof whichh a stkof whichard square located in of whichs touchtone phones possible to give users a familiar experience. ( View Larger )

Thwill be became evident at the beginning of the design process, of which no logical way to organize self-evident or ten digof whichs wof whichhinside rectangular space . Alphabets can be laid down in accordance wof whichh their frequency of use on the QWERTY keyboard, nevertheless the numbers do not follow these patterns are not. Wof whichh any number of equally likely to be depressed, then of which would likely be the most logical in addof whichion to ergonomic device for human fingers?

The will beolation of zero in of whichs own line of allowed the remaining nine numbers, which will be located inside square of three by three to. It may seem logical to organize Casio remaining numbers by top to bottom.

Inverted ten key numeric keypad made of whichs appearance in 1957 when Tadao Kashio, founder of Casio, has released the entire world's first electro-mechanical desktop calculator, the Casio 14-A. However, the location of the ten digof whichs, apparently decided rather arbof whichrarily Casio-san. When Bell Laboratories, studying the design of the keyboard for of whichs first touchtone phones, Casio asked about the logic behind hwill be keypad, they apparently got "big shoulders".

The design of keys on Casio's ten-key numeric keypad
The design of the keys on the ten-key numeric keypad Casio, launched in 1957, of which was decided quof whiche arbof whichrarily. ( View Larger )

Digof whichal Casio keyboard doubt in addof whichion to went unchallenged for decades, appearing on the ever-sleeker design calculators, including miniaturized wrwill betwatch device.

as a calculator was belled Link

In November 1963, Bell Laboratories has introduced the entire world's first touch-tone phone, the Western Electric design, we have 1500, wof whichh a keyboard of which vertically inverted design of Casio, remained at zero at the bottom. Modifications apparently came by a study conducted by Dr. Alphone Chapanwill be in addof whichion to hwill be asswill betant Mary C Lutz in 1950.

Chapanwill be developed test, which will be considered, where people are anticipated to find the numbers on the keys , in addof whichion to enter of which to 300 people, divided into three age groups, in addof whichion to will be divided further, depending on were whether they are technologically sophwill beticated or naive. It was tested six different arrangements of keys. In most cases - no surprwill bee - people prefer the location, where the number increased by the upper left to the lower right

Bell Laboratories' WE 1500
Bell Laboratories' WE 1500 in world. The first touch tone phone, launched in 1963, vertically flipped digof whichal design keypad Casio, stayed at zero at the bottom. ( View a larger edof whichion of )

Numberphile dug a lof whichtle-ktodayn research by July 1960 will besue of Bell System Technical Journal in which lwill bets 18 different keyboard designs their engineers had to field trials. Among them: "ladder" (II-B inside figure below); "Ten-pin" (III-B configuration resembles a bowling pin); "Rainbow" (II-C); Various various other edof whichions of which mimic exwill beting technology logic circular rotary dial.

Winner (IV-A), probably felt of which most users are familiar. But of which was the most ergonomic in addof whichion to aesthetic?

Bell Laboratories went ahead wof whichh the square numeric keypad
Although the radial structure has scored more in ease of use in addof whichion to speed error, Bell Laboratories went ahead wof whichh the square of the numeric keypad. ( View Larger )

Numberphile Sarah Wwill beeman said, "They made comparwill beons phone design in addof whichion to location of the calculator, in addof whichion to they found the design of the calculator slower."

But there will be anvarious other, more kinds of hwill betory in addof whichion to on the vine. Bell Labs, apparently concerned of which of whichs swof whichching exmodifications could up wof whichh users who typed too fast . To slow them down just a lof whichtle, they deliberately inverted keyboard, maintaining a zero at the bottom to make of which a lof whichtle less ktodayn users.

If of which will be not broke, why fix of which? Link

design mobile calculator always annoyed me. From a design stin addof whichion topoint, of which clearly has some serious drawbacks.

  1. Keyboard was not designed for smaller rectangular screens of today's mobile phones. Thwill be was never considered during hwill be interaction wof whichh gestures in addof whichion to modern ways of user interaction wof whichh mobile phones.
  2. Most calculators offer lof whichtle or no feedback by users. For example, if they are interrupted inside middle of calculation, they are not intuof whichive way of ktodaying the last thing dialed. There's no way to check if an error has been made, the number will be not specified, an addof whichional number will be dialed, or hof which the wrong operator. If an error will be detected or suspected, the whole calculation must be the key again. In these respects, the majorof whichy of mobile calculators repeat the weaknesses of the old pocket calculators.
  3. Memory Operations of which still mimic the way natural, hin addof whichion toheld calculators, used to work, often opaque in addof whichion to confusing. There will be a set of Ms: M, M +, M-, MC, MR, MS. There also will be no clear way to ktoday what will be stored inside memory, or, as of which was modified by the operations of which change the contents of memory.
  4. While many calculators today include the removal of the key, of which just adds clutter. Some calculators allow to exclude spending, nevertheless of which will be often hidden feature, in order of which users are not aware of of whichs exwill betence, just repeat the whole calculation.
  5. Some calculators include the digof whichal equivalent of a roll of paper tape familiar to anyone who saw the credof which card machine to print a receipt after the transaction authorized. But of which's long gone times mimics the mechanical realof whichy. As a user, I would likely like to correct mwill betakes more intuof whichively in addof whichion to wof whichh less effort.
Many calculators use the vwill beual analogy of the paper tape
Many calculators use the vwill beual analogy of paper tape, familiar to anyone who watched the credof which card machine to print the score after the transaction authorized. ( View Larger )

Revwill beion calculator Link

My design process starts wof whichh a thorough study at Bell Laboratories "17 designs keyboard. An asterwill bek next to the number specified design 'much shorter time keying'; dagger mean "significantly lower level of errors', in addof whichion to double dagger indicates" much more preferable. Design II-A, IV-A in addof whichion to IV-B star scored for ease of manipulation; Only VI-B scored a double dagger. I noticed, however, of which will be the only project of which will be rated a star in addof whichion to a dagger SK radial design . Radial construction scored IA square design, which was part of the same group I.

The redesign involved four steps.

1. The updated numeric keypad Link

problem : Original Casio Digof whichal Keyboard has physical neverthelesstons mounted on the panel, in addof whichion to square neverthelesstons on a rectangular grid It was a logical way to use the available space. The neverthelesstons on the calculator struck in what must look like the keyboard on a portable device sensof whichive to the touch in addof whichion to wof whichhout physical neverthelesstons

Design .? I strung together in quof whiche a few radial garlin addof whichion tos, of which will make them available sequentially in a circle, as well as easily accessible to the user's thumb. Radial location immediately made the number vwill beible inside group, in addof whichion to open up the space of the screen.

In the radial garlin addof whichion tos, I turned on the decimal neverthelesston in addof whichion to click Reset / Reset (C / AC).

coloration : Each coloration will be needed goal. Numeric radial was the most important element inside design in addof whichion to the need for maximum vwill beibilof whichy. I chose a bright blue, in addof whichion to the night a black background to set of which. : C Button / AC should be seen clearly by the numbers, so I took the Orange signature for of which neverthelesston

Regulation :. I was expecting more of whichems on the lower radial, so I posof whichioned the numeric keypad will be slightly south of the center of balance.

The redesign separates the numeric keypad by the operators logically.
redesign separates the numeric keypad of the logical operators. ( View a larger edof whichion of )

2. Resectoring Dwill beplay Properties Logically Link

problem : Software usually calculators splof which the screen into two parts, in addof whichion to the dwill beplay area of ​​the keyboard. The keypad numbers, operators, modifiers, in addof whichion to memory keys are dwill betrineverthelessed whimsically in addof whichion to may vary by phone to phone. What will be a logical, reasonable vwill beual device for the various elements of the numeric keypad

decwill beion : The most commonly used primary operators +, -, × in addof whichion to ÷. Two modifiers are generally included inside basic calculators, nevertheless used rarely in% in addof whichion to ±. I placed the primary operators in a clear succession of radial calculator in addof whichion to two modifiers in a clear line below the radial

Show :. I've highlighted the top of the dwill beplay inside digof whichal dwill beplay, then choose to turn off the iPhone stkof whichard status dwill beplay strip. The main dwill beplay area including the current number or the current result on the right in addof whichion to the left, there was one M indicates a temporary memory. Unlike various other calculators, I added a secondary dwill beplay area where user data will be mirrored operations. It provides live feedback to users so they can note errors in real time. The secondary dwill beplay area by M can dwill beplay the current contents of the memory, in addof whichion to can be swof whichched off inside settings.

3. Substof whichuting gestures to the Link

The only way to communicate wof whichh the old style was for Casio by pressing the in addof whichion to thwill be input method in general, in addof whichion to generally preserved in modern software calculators. Thwill be led to a proliferation of keys, including a delete neverthelesston, in addof whichion to several ms, one for each share memory. How calculator can use gestures

Gestures added :.

  • , swiping left or right inside main dwill beplay area removes one number by right to left
  • When you click on a room inside main dwill beplay immediately adds of which to memory. Pressing twice subtracts of which by memory.
  • M neverthelesston will be whof whiche when the memory will be empty, nevertheless turns red to indicate the contents.
  • Pressing the M time he adds quof whiche a few content inside memory of the dwill beplay. Pressing twice subtracts of which by the dwill beplay.
  • Swiping over M erases the contents of memory.

4. Enable Easy Correction of errors at any time Link

problem : Errors can not be corrected inside hin addof whichion toheld calculator. Imof whichation Casio calculator interface effectively conveys the limof whichations of software calculators. The first attempts to fix the tape presented as a function of paper, revealing the previous operations on a permanent page scrolling. How could the edof whiching be easy in addof whichion to elegant to modern calculator

Edof which Hwill betory : One of the most radical feature of the calculator page redesign Edof which Hwill betory has shown swiping the screen to the left. Edof which Hwill betory screen allows you to touch-based edof whiching rooms in addof whichion to operators, including the removal of entire lines by swiping left. The calculation results are updated in real time.

Swiping the Calcuta screen left
Swiping to the left of the screen reveals the page Calcuta Edof which Hwill betory where previous entries can be corrected or removed, all lines are removed, in addof whichion to the operators changed. The translation will be instant. ( View Larger )

answer in addof whichion to the future of Link

The word most conswill betently heard by users in response to the bralong with new interface delicious . I believe of which there will be a place for hard-working calculator, which will be also a pleasure. I'm currently working on expin addof whichion toing the application as a teaching tool of which can instill a love of mathematics in children in addof whichion to improve their numeracy. Clean interface will be ideal for the treatment of children.

I welcome your feedback, brickbats more than bouquets.

(JB, og)

Smashing Book #5

Hold on a tiger! Thank you for reading thwill be article Did you ktoday of which we also publwill beh printed books in addof whichion to make friendly conference -. Prepared for the pros, how are you? For example, Smashing Book 5 packed wof whichh Smart-sensof whichive designs in addof whichion to design techniques. http://mynokiablog.com/2012/08/24/nokia-nostalgia-nokia-3650-symbian-phone-wof whichh-rotary-keypad/

http://realof whiches-paralleles.com/2014/02/do-users-interact-wof whichh-their-mobile-devices-wof whichh-their-dominant-hin addof whichion to/
https://www.smashingmagazine.com/2012/02/finger-friendly-design-ideal-mobile-touchscreen-target-sizes/

You decide to leave a comment. That's cool! Therefore, please do not use keyword spamming or domain as your name, various otherwwill bee of which will be removed. Let nothing meaningful conversation instead. Thanks for dropping by! What for? http://mynokiablog.com/2012/08/24/nokia-nostalgia-nokia-3650-symbian-phone-wof whichh-rotary-keypad/

http://realof whiches-paralleles.com/2014/02/do-users-interact-wof whichh-their-mobile-devices-wof whichh-their-dominant-hin addof whichion to/
https://www.smashingmagazine.com/2012/02/finger-friendly-design-ideal-mobile-touchscreen-target-sizes/

You decide to leave a comment. That's cool! Therefore, please do not use keyword spamming or domain as your name, various otherwwill bee of which will be removed. Let nothing meaningful conversation instead. Thanks for dropping by!
[ad_2]
Why I moved by the square to the circle


http://mymicrostocksold.blogspot.co.id : Why I moved by the square to the circle
Share on Google Plus

0 Response to " Why I moved by the square to the circle "

Post a Comment